Recently visited section

crabfit-frontend/src/stores/index.ts

@@ -13,3 +13,22 @@ export const useSettingsStore = create(persist(
   }),
   { name: 'crabfit-settings' },
 ));
+
+export const useRecentsStore = create(persist(
+  set => ({
+    recents: [],
+
+    addRecent: event => set(state => {
+      const recents = state.recents.filter(e => e.id !== event.id);
+      recents.unshift(event);
+      recents.length = Math.min(recents.length, 5);
+      return { recents };
+    }),
+    removeRecent: id => set(state => {
+      const recents = state.recents.filter(e => e.id !== id);
+      return { recents };
+    }),
+    clearRecents: () => set({ recents: [] }),
+  }),
+  { name: 'crabfit-recent' },
+));