ability to pin tables

packages/web/src/widgets/PinnedObjectsList.svelte

@@ -2,17 +2,22 @@
   import _ from 'lodash';
   import WidgetsInnerContainer from './WidgetsInnerContainer.svelte';
   import AppObjectList from '../appobj/AppObjectList.svelte';
-  import { pinnedDatabases } from '../stores';
-  import * as databaseAppObject from '../appobj/DatabaseAppObject.svelte';
+  import { currentDatabase, pinnedDatabases, pinnedTables } from '../stores';
+  import * as pinnedAppObject from '../appobj/PinnedAppObject.svelte';
   import { useConnectionColorFactory } from '../utility/useConnectionColor';
+  import AboutModal from '../modals/AboutModal.svelte';
 
   const connectionColorFactory = useConnectionColorFactory(3);
+
+  $: filteredTables = $pinnedTables.filter(
+    x => x.conid == $currentDatabase?.connection?._id && x.database == $currentDatabase?.name
+  );
 </script>
 
 <WidgetsInnerContainer>
   <AppObjectList
-    list={$pinnedDatabases}
-    module={databaseAppObject}
+    list={[...$pinnedDatabases, ...filteredTables]}
+    module={pinnedAppObject}
     passProps={{ connectionColorFactory: $connectionColorFactory }}
   />
 </WidgetsInnerContainer>

packages/web/src/widgets/SqlObjectList.svelte

@@ -54,7 +54,6 @@
   const handleRefreshDatabase = () => {
     axiosInstance.post('database-connections/refresh', { conid, database });
   };
-
 </script>
 
 {#if $status && $status.name == 'error'}
@@ -88,6 +87,7 @@
           data.objectTypeField == 'tables' || data.objectTypeField == 'views' || data.objectTypeField == 'matviews'}
         expandIconFunc={chevronExpandIcon}
         {filter}
+        passProps={{ showPinnedInsteadOfUnpin: true }}
       />
     {/if}
   </WidgetsInnerContainer>