query history - prepare

packages/web/src/widgets/HistoryWidget.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 * as favoriteFileAppObject from '../appobj/FavoriteFileAppObject.svelte';
+  import { openedTabs } from '../stores';
+
+  import hasPermission from '../utility/hasPermission';
+  import { useFavorites } from '../utility/metadataLoaders';
+
+  import WidgetColumnBar from './WidgetColumnBar.svelte';
+  import WidgetColumnBarItem from './WidgetColumnBarItem.svelte';
+  import WidgetsInnerContainer from './WidgetsInnerContainer.svelte';
+
+  $: favorites = useFavorites();
+
+</script>
+
+<WidgetColumnBar>
+  <WidgetColumnBarItem title="Recently closed tabs" name="closedTabs">
+    <WidgetsInnerContainer>
+      <AppObjectList
+        list={_.sortBy(
+          $openedTabs.filter(x => x.closedTime),
+          x => -x.closedTime
+        )}
+        module={closedTabAppObject}
+      />
+    </WidgetsInnerContainer>
+  </WidgetColumnBarItem>
+</WidgetColumnBar>