feat: save filter preset

kubeshop · May 20, 2022 · 366b1c0 · 366b1c0
1 parent bcb16eb
commit 366b1c0
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 2 deletions.
diff --git a/src/components/organisms/FiltersPresetModal/FiltersPresetModal.tsx b/src/components/organisms/FiltersPresetModal/FiltersPresetModal.tsx
@@ -3,6 +3,7 @@ import React, {Suspense} from 'react';
 import {Form, Modal, Skeleton} from 'antd';
 
 import {useAppDispatch, useAppSelector} from '@redux/hooks';
+import {saveFilterPreset} from '@redux/reducers/main';
 import {closeFiltersPresetModal} from '@redux/reducers/ui';
 
 const SaveModalContent = React.lazy(() => import('./SaveModalContent'));
@@ -25,8 +26,7 @@ const FiltersPresetModal: React.FC = () => {
     form.validateFields().then(values => {
       const {name} = values;
 
-      console.log(name);
-
+      dispatch(saveFilterPreset(name));
       dispatch(closeFiltersPresetModal());
     });
   };

diff --git a/src/models/appstate.ts b/src/models/appstate.ts
@@ -45,6 +45,10 @@ type PreviewLoaderType = {
   targetId?: string;
 };
 
+type FiltersPresetsType = {
+  [name: string]: ResourceFilterType;
+};
+
 type ResourceDiffType = {
   targetResourceId?: string;
 };
@@ -178,6 +182,7 @@ interface AppState {
   selectedDockerImage?: DockerImage | null;
   imagesSearchedValue?: string;
   imagesMap: ImagesMapType;
+  filtersPresets: FiltersPresetsType;
 }
 
 export interface PossibleResource {
@@ -197,6 +202,7 @@ export type {
   AppState,
   ResourceMapType,
   ResourceFilterType,
+  FiltersPresetsType,
   FileMapType,
   ImagesMapType,
   HelmChartMapType,

diff --git a/src/redux/initialState.ts b/src/redux/initialState.ts
@@ -56,6 +56,7 @@ const initialAppState: AppState = {
   },
   deviceID: electronStore.get('main.deviceID'),
   imagesMap: [],
+  filtersPresets: electronStore.get('main.filtersPresets') || {},
 };
 
 const initialAppConfigState: AppConfig = {

diff --git a/src/redux/reducers/main.ts b/src/redux/reducers/main.ts
@@ -722,6 +722,12 @@ export const mainSlice = createSlice({
     setImagesMap: (state: Draft<AppState>, action: PayloadAction<ImagesMapType>) => {
       state.imagesMap = action.payload;
     },
+    saveFilterPreset: (state: Draft<AppState>, action: PayloadAction<string>) => {
+      const name = action.payload;
+
+      state.filtersPresets[name] = state.resourceFilter;
+      electronStore.set('main.filtersPresets', state.filtersPresets);
+    },
   },
   extraReducers: builder => {
     builder.addCase(setAlert, (state, action) => {
@@ -1236,6 +1242,7 @@ export const {
   openResourceDiffModal,
   reloadClusterDiff,
   resetResourceFilter,
+  saveFilterPreset,
   seenNotifications,
   selectDockerImage,
   selectFile,

diff --git a/src/utils/electronStore.ts b/src/utils/electronStore.ts
@@ -17,6 +17,9 @@ const schema = {
       deviceID: {
         type: 'string',
       },
+      filtersPresets: {
+        type: 'object',
+      },
     },
   },
   appConfig: {
@@ -247,6 +250,9 @@ const schema = {
 };
 
 const defaults = {
+  main: {
+    filtersPresets: {},
+  },
   appConfig: {
     isClusterSelectorVisible: true,
     loadLastProjectOnStartup: false,