Add searchbar autofocus

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

src/state/settings.ts

@@ -11,6 +11,8 @@ import { RootState } from '.';
 interface SettingsState {
   storageUri: string | undefined;
   noMedia: boolean;
+  autoFocusMemesSearch: boolean;
+  autoFocusTagsSearch: boolean;
   masonryColumns: 1 | 2 | 3 | 4;
   gridColumns: 1 | 2 | 3 | 4;
 }
@@ -18,6 +20,8 @@ interface SettingsState {
 const initialState: SettingsState = {
   storageUri: undefined,
   noMedia: false,
+  autoFocusMemesSearch: false,
+  autoFocusTagsSearch: false,
   masonryColumns: 2,
   gridColumns: 3,
 };
@@ -32,6 +36,12 @@ const settingsSlice = createSlice({
     setNoMedia: (state, action: PayloadAction<boolean>) => {
       state.noMedia = action.payload;
     },
+    setAutofocusMemesSearch: (state, action: PayloadAction<boolean>) => {
+      state.autoFocusMemesSearch = action.payload;
+    },
+    setAutofocusTagsSearch: (state, action: PayloadAction<boolean>) => {
+      state.autoFocusTagsSearch = action.payload;
+    },
     setMasonryColumns: (state, action: PayloadAction<1 | 2 | 3 | 4>) => {
       state.masonryColumns = action.payload;
     },
@@ -41,8 +51,14 @@ const settingsSlice = createSlice({
   },
 });
 
-const { setStorageUri, setNoMedia, setMasonryColumns, setGridColumns } =
-  settingsSlice.actions;
+const {
+  setStorageUri,
+  setNoMedia,
+  setAutofocusMemesSearch,
+  setAutofocusTagsSearch,
+  setMasonryColumns,
+  setGridColumns,
+} = settingsSlice.actions;
 
 const updateStorageUri = createAsyncThunk(
   'settings/updateStorageUri',
@@ -122,6 +138,8 @@ export {
   type SettingsState,
   updateStorageUri as setStorageUri,
   updateNoMedia as setNoMedia,
+  setAutofocusMemesSearch,
+  setAutofocusTagsSearch,
   setMasonryColumns,
   setGridColumns,
   validateSettings,