closed tabs

packages/web/src/widgets/FavoritesWidget.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+  import _ from 'lodash';
+
+  import AppObjectList from '../appobj/AppObjectList.svelte';
+  import * as closedTabAppObject from '../appobj/ClosedTabAppObject.svelte';
+  import { openedTabs } from '../stores';
+
+  import hasPermission from '../utility/hasPermission';
+
+  import WidgetColumnBar from './WidgetColumnBar.svelte';
+  import WidgetColumnBarItem from './WidgetColumnBarItem.svelte';
+  import WidgetsInnerContainer from './WidgetsInnerContainer.svelte';
+</script>
+
+<WidgetColumnBar>
+  <!-- {#if hasPermission('files/favorites/read')}
+    <WidgetColumnBarItem title="Favorites" name="favorites" height="20%">
+      <FavoritesList />
+    </WidgetColumnBarItem>
+  {/if} -->
+  <WidgetColumnBarItem title="Recently closed tabs" name="closedTabs">
+    <WidgetsInnerContainer>
+      <AppObjectList
+        list={_.sortBy(
+          $openedTabs.filter(x => x.closedTime),
+          x => -x.closedTime
+        )}
+        module={closedTabAppObject}
+      />
+    </WidgetsInnerContainer>
+  </WidgetColumnBarItem>
+</WidgetColumnBar>

packages/web/src/widgets/WidgetContainer.svelte

@@ -4,6 +4,7 @@
   import DatabaseWidget from './DatabaseWidget.svelte';
   import FilesWidget from './FilesWidget.svelte';
   import PluginsWidget from './PluginsWidget.svelte';
+  import FavoritesWidget from './FavoritesWidget.svelte';
 </script>
 
 {#if $selectedWidget == 'database'}
@@ -18,3 +19,6 @@
 {#if $selectedWidget == 'plugins'}
   <PluginsWidget />
 {/if}
+{#if $selectedWidget == 'favorites'}
+  <FavoritesWidget />
+{/if}