BIG-5: feat switching between compact and medium table row size.

src/store/settings/settings.actions.js

@@ -36,4 +36,11 @@ export const setSettings = (settings) => {
     type: t.SETTING_SET,
     options: settings,
   };
+}
+
+export const addSettings = (group, key, value) => {
+  return  {
+    type: t.SETTING_ADD,
+    payload: { group, key, value }
+  };
 }

src/store/settings/settings.reducer.js

@@ -1,5 +1,8 @@
 import { camelCase } from 'lodash';
 import { createReducer } from '@reduxjs/toolkit';
+import storage from 'redux-persist/lib/storage';
+import { persistReducer, purgeStoredState } from 'redux-persist';
+
 import t from 'store/types';
 
 const initialState = {
@@ -11,10 +14,21 @@ const initialState = {
     bills: {},
     billPayments: {},
     salesEstimates: {},
+    items: {
+      tableSize: 'medium',
+    },
   },
 };
 
-export default createReducer(initialState, {
+const STORAGE_KEY = 'bigcapital:settings';
+
+const PRESIST_CONFIG = {
+  key: STORAGE_KEY,
+  whitelist: ['data'],
+  storage,
+};
+
+const reducerInstance = createReducer(initialState, {
   [t.SETTING_SET]: (state, action) => {
     const { options } = action;
     const _data = {
@@ -32,4 +46,19 @@ export default createReducer(initialState, {
     });
     state.data = _data;
   },
+
+  [t.SETTING_ADD]: (state, action) => {
+    const { group, key, value } = action.payload;
+
+    const newData = {
+      ...state.data,
+      [group]: {
+        ...state.data[group],
+        [key]: value,
+      },
+    };
+    state.data = newData;
+  },
 });
+
+export default persistReducer(PRESIST_CONFIG, reducerInstance);

src/store/settings/settings.type.js

@@ -2,4 +2,5 @@ export default {
   SETTING_LIST_SET: 'SETTING_LIST_SET',
   CLEAR_OPTIONS_FORM_ERRORS: 'CLEAR_OPTIONS_FORM_ERRORS',
   SETTING_SET: 'SETTING_SET',
+  SETTING_ADD: 'SETTING_ADD',
 };