Added logged in Redux state

This commit is contained in:
Keannu Christian Bernasol 2023-02-14 21:10:17 +08:00
parent 1ac666fe0b
commit 1f355c3825
6 changed files with 167 additions and 2 deletions

View file

@ -2,6 +2,8 @@ import React from "react";
import Dashboard from "./Routes/Dashboard/Dashboard";
import Header from "./Components/Header/Header";
import { createBrowserRouter, RouterProvider } from "react-router-dom";
import Store from "./Plugins/Redux/Store/Store";
import { Provider } from "react-redux";
const router = createBrowserRouter([
{
@ -9,11 +11,14 @@ const router = createBrowserRouter([
element: <Dashboard />,
},
]);
export default function App() {
return (
<React.StrictMode>
<Header />
<RouterProvider router={router} />
<Provider store={Store}>
<Header />
<RouterProvider router={router} />
</Provider>
</React.StrictMode>
);
}

View file

@ -0,0 +1,17 @@
import { createSlice } from "@reduxjs/toolkit";
export const loginSlice = createSlice({
name: "logged_in",
initialState: {
value: false,
},
reducers: {
toggle: (state) => {
state.value = !state.value;
},
},
});
export const { toggle } = loginSlice.actions;
export default loginSlice.reducer;

View file

@ -0,0 +1,8 @@
import { configureStore } from "@reduxjs/toolkit";
import LoginReducer from "../../../Features/Login/LoginSlice";
export default configureStore({
reducer: {
logged_in: LoginReducer,
},
});

View file

@ -0,0 +1,5 @@
import React from "react";
export default function Login() {
return <div>{"Login"}</div>;
}