Persist redux store

src/redux/slices/authSlice.js

@@ -29,17 +29,25 @@ const authSlice = createSlice({
     },
     logout: state => {
       state.user = null;
+      state.idToken = null; // Clear idToken
       state.isAuthenticated = false;
       state.loading = false;
       state.error = null;
     },
     clearError: state => {
       state.error = null;
-    }
+    },
+    reset: state => initialState // Add reset action
   }
 });
 
-export const { loginStart, loginSuccess, loginFailure, logout, clearError } =
-  authSlice.actions;
+export const {
+  loginStart,
+  loginSuccess,
+  loginFailure,
+  logout,
+  clearError,
+  reset
+} = authSlice.actions;
 
 export default authSlice.reducer;

src/redux/store.js

@@ -1,8 +1,39 @@
 import { configureStore } from '@reduxjs/toolkit';
+import {
+  persistStore,
+  persistReducer,
+  FLUSH,
+  REHYDRATE,
+  PAUSE,
+  PERSIST,
+  PURGE,
+  REGISTER
+} from 'redux-persist';
+import storage from 'redux-persist/lib/storage'; // defaults to localStorage for web
+import { combineReducers } from 'redux';
 import authReducer from './slices/authSlice';
+import chickenReducer from './slices/chickenSlice';
+
+const persistConfig = {
+  key: 'root',
+  storage
+};
+
+const rootReducer = combineReducers({
+  auth: authReducer,
+  chickens: chickenReducer
+});
+
+const persistedReducer = persistReducer(persistConfig, rootReducer);
 
 export const store = configureStore({
-  reducer: {
-    auth: authReducer
-  }
+  reducer: persistedReducer,
+  middleware: getDefaultMiddleware =>
+    getDefaultMiddleware({
+      serializableCheck: {
+        ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER]
+      }
+    })
 });
+
+export const persistor = persistStore(store);