Rename main folders and write sql backend adaptor

frontend/src/stores/index.js

@@ -0,0 +1,5 @@
+export { default as useSettingsStore } from './settingsStore'
+export { default as useRecentsStore } from './recentsStore'
+export { default as useTWAStore } from './twaStore'
+export { default as useLocaleUpdateStore } from './localeUpdateStore'
+export { default as useTranslateStore } from './translateStore'

frontend/src/stores/localeUpdateStore.js

@@ -0,0 +1,8 @@
+import create from 'zustand'
+
+const useLocaleUpdateStore = create(set => ({
+  locale: 'en',
+  setLocale: locale => set({ locale }),
+}))
+
+export default useLocaleUpdateStore

frontend/src/stores/recentsStore.js

@@ -0,0 +1,23 @@
+import create from 'zustand'
+import { persist } from 'zustand/middleware'
+
+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' },
+))
+
+export default useRecentsStore

frontend/src/stores/settingsStore.js

@@ -0,0 +1,21 @@
+import create from 'zustand'
+import { persist } from 'zustand/middleware'
+
+const useSettingsStore = create(persist(
+  set => ({
+    weekStart: 0,
+    timeFormat: '12h',
+    theme: 'System',
+    highlight: false,
+    colormap: 'crabfit',
+
+    setWeekStart: weekStart => set({ weekStart }),
+    setTimeFormat: timeFormat => set({ timeFormat }),
+    setTheme: theme => set({ theme }),
+    setHighlight: highlight => set({ highlight }),
+    setColormap: colormap => set({ colormap }),
+  }),
+  { name: 'crabfit-settings' },
+))
+
+export default useSettingsStore

frontend/src/stores/translateStore.js

@@ -0,0 +1,23 @@
+import create from 'zustand'
+import { persist } from 'zustand/middleware'
+
+import locales from '/src/i18n/locales'
+
+const useTranslateStore = create(persist(
+  set => ({
+    navigatorLang: navigator.language,
+    navigatorSupported: Object.keys(locales).includes(navigator.language.substring(0, 2)),
+    translateDialogDismissed: false,
+
+    setDialogDismissed: value => set({ translateDialogDismissed: value }),
+  }),
+  {
+    name: 'crabfit-translate',
+    blacklist: [
+      'navigatorLang',
+      'navigatorSupported',
+    ],
+  },
+))
+
+export default useTranslateStore

frontend/src/stores/twaStore.js

@@ -0,0 +1,8 @@
+import create from 'zustand'
+
+const useTWAStore = create(set => ({
+  TWA: undefined,
+  setTWA: TWA => set({ TWA }),
+}))
+
+export default useTWAStore