Merge pull request #109 from ram-prasad23/darkmode

fix:  netlify build fail due to typescript bug fixed

Author: kelvink96

src/App.tsx

@@ -5,7 +5,7 @@ import { HelmetProvider } from 'react-helmet-async';
 import { StylesContext } from './context';
 import routes from './routes/routes.tsx';
 import { useSelector } from 'react-redux';
-
+import { RootState } from './redux/store';
 import './App.css';
 
 // color palettes: triadic #A1A7CB, #CBA1A7, #A7CBA1

src/layouts/app/App.tsx

@@ -38,7 +38,7 @@ import { NProgress } from '../../components';
 import { PATH_LANDING } from '../../constants';
 import { useSelector, useDispatch } from 'react-redux';
 import { toggleTheme } from '../../redux/theme/themeSlice.ts';
-
+import { RootState } from '../../redux/store.ts';
 const { Content } = Layout;
 
 type AppLayoutProps = {

src/redux/store.ts

@@ -1,24 +1,38 @@
 import { configureStore, combineReducers } from '@reduxjs/toolkit';
-import themeReducer from './theme/themeSlice';
+import themeReducer, { ThemeState } from './theme/themeSlice';
 import { persistReducer, persistStore, PersistConfig } from 'redux-persist';
 import storage from 'redux-persist/lib/storage';
 
+// Define the state shape
+interface RootState {
+  theme: ThemeState;
+}
+
+// Combine reducers
 const rootReducer = combineReducers({
   theme: themeReducer,
 });
 
-const persistConfig: PersistConfig<any> = {
+// Persist config with RootState
+const persistConfig: PersistConfig<RootState> = {
   key: 'root',
   storage,
   version: 1,
 };
 
 const persistedReducer = persistReducer(persistConfig, rootReducer);
 
+// Configure store with persisted reducer
 export const store = configureStore({
   reducer: persistedReducer,
   middleware: (getDefaultMiddleware) =>
-    getDefaultMiddleware({ serializableCheck: false }),
+    getDefaultMiddleware({
+      serializableCheck: false,
+    }),
 });
 
+// Persistor
 export const persistor = persistStore(store);
+
+// Type for RootState
+export type { RootState };

src/redux/theme/themeSlice.ts

@@ -1,6 +1,6 @@
 import { createSlice } from '@reduxjs/toolkit';
 
-interface ThemeState {
+export interface ThemeState {
   mytheme: string;
 }