chore: setup Redux store (#418)

Author: Koustavd18

package.json

@@ -26,6 +26,7 @@
 		"@mantine/hooks": "^7.8.1",
 		"@mantine/notifications": "^7.8.1",
 		"@monaco-editor/react": "^4.5.1",
+		"@reduxjs/toolkit": "^2.5.0",
 		"@tabler/icons-react": "^3.3.0",
 		"@types/js-cookie": "^3.0.3",
 		"axios": "^1.4.0",
@@ -52,6 +53,7 @@
 		"react-grid-layout": "^1.4.4",
 		"react-query": "^3.39.3",
 		"react-querybuilder": "^6.5.5",
+		"react-redux": "^9.2.0",
 		"react-resizable": "^3.0.5",
 		"react-resizable-panels": "^0.0.53",
 		"react-router-dom": "^6.14.0",

pnpm-lock.yaml

@@ -13,6 +13,8 @@ import Mantine from '@/components/Mantine';
 import { BrowserRouter } from 'react-router-dom';
 import ErrorBoundary from './components/ErrorBoundary';
 import { QueryClient, QueryClientProvider } from 'react-query';
+import { Provider } from 'react-redux';
+import { store } from './store';
 
 const queryClient = new QueryClient();
 
@@ -21,7 +23,9 @@ ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
 		<Mantine>
 			<ErrorBoundary>
 				<BrowserRouter>
-					<App />
+					<Provider store={store}>
+						<App />
+					</Provider>
 				</BrowserRouter>
 			</ErrorBoundary>
 		</Mantine>

src/main.tsx

@@ -0,0 +1,16 @@
+import { createSlice } from '@reduxjs/toolkit';
+
+const alertsSlice = createSlice({
+	name: 'alerts',
+	initialState: {
+		alertsList: [{}],
+	},
+	reducers: {
+		pushAlert(state, action) {
+			state.alertsList.push(action.payload);
+		},
+	},
+});
+
+export const { pushAlert } = alertsSlice.actions;
+export const alertsReducer = alertsSlice.reducer;

src/store/alertsSlice.ts

@@ -0,0 +1,13 @@
+import { configureStore } from '@reduxjs/toolkit';
+import { alertsReducer, pushAlert } from './alertsSlice';
+
+export const store = configureStore({
+	reducer: {
+		alerts: alertsReducer,
+	},
+});
+
+export { pushAlert };
+
+export type RootState = ReturnType<typeof store.getState>;
+export type AppDispatch = typeof store.dispatch;