feat: add toolbar position setting (top or bottom)

1 files changed, 8 insertions, 0 deletions

diff --git a/apps/web/lib/stores/user-interface-store.ts b/apps/web/lib/stores/user-interface-store.ts
index 3d3b0b6..42c72ee 100644
--- a/apps/web/lib/stores/user-interface-store.ts
+++ b/apps/web/lib/stores/user-interface-store.ts
@@ -9,6 +9,8 @@ type FontSize = "small" | "default" | "large"
 
 type TimeDisplayFormat = "relative" | "absolute"
 
+type ToolbarPosition = "top" | "bottom"
+
 type FocusedPanel = "sidebar" | "entryList" | "detailPanel"
 
 type SettingsTab =
@@ -43,6 +45,7 @@ interface UserInterfaceState {
   showReadingTime: boolean
   showFoldersAboveFeeds: boolean
   showEntryFavicons: boolean
+  toolbarPosition: ToolbarPosition
   isShortcutsDialogOpen: boolean
   expandedFolderIdentifiers: string[]
   navigableEntryIdentifiers: string[]
@@ -69,6 +72,7 @@ interface UserInterfaceState {
   setShowReadingTime: (show: boolean) => void
   setShowFoldersAboveFeeds: (show: boolean) => void
   setShowEntryFavicons: (show: boolean) => void
+  setToolbarPosition: (position: ToolbarPosition) => void
   setShortcutsDialogOpen: (isOpen: boolean) => void
   toggleShortcutsDialog: () => void
   toggleFolderExpansion: (folderIdentifier: string) => void
@@ -99,6 +103,7 @@ export const useUserInterfaceStore = create<UserInterfaceState>()(
       showReadingTime: true,
       showFoldersAboveFeeds: false,
       showEntryFavicons: false,
+      toolbarPosition: "top",
       isShortcutsDialogOpen: false,
       expandedFolderIdentifiers: [],
       navigableEntryIdentifiers: [],
@@ -150,6 +155,8 @@ export const useUserInterfaceStore = create<UserInterfaceState>()(
 
       setShowEntryFavicons: (show) => set({ showEntryFavicons: show }),
 
+      setToolbarPosition: (position) => set({ toolbarPosition: position }),
+
       setShortcutsDialogOpen: (isOpen) =>
         set({ isShortcutsDialogOpen: isOpen }),
 
@@ -202,6 +209,7 @@ export const useUserInterfaceStore = create<UserInterfaceState>()(
         showReadingTime: state.showReadingTime,
         showFoldersAboveFeeds: state.showFoldersAboveFeeds,
         showEntryFavicons: state.showEntryFavicons,
+        toolbarPosition: state.toolbarPosition,
       }),
     }
   )