mirror of
https://github.com/lemeow125/Ivy-Frontend.git
synced 2025-05-13 01:51:06 +08:00
Added logged in Redux state
This commit is contained in:
parent
1ac666fe0b
commit
1f355c3825
6 changed files with 167 additions and 2 deletions
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
17
src/Features/Login/LoginSlice.tsx
Normal file
17
src/Features/Login/LoginSlice.tsx
Normal 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;
|
8
src/Plugins/Redux/Store/Store.tsx
Normal file
8
src/Plugins/Redux/Store/Store.tsx
Normal file
|
@ -0,0 +1,8 @@
|
|||
import { configureStore } from "@reduxjs/toolkit";
|
||||
import LoginReducer from "../../../Features/Login/LoginSlice";
|
||||
|
||||
export default configureStore({
|
||||
reducer: {
|
||||
logged_in: LoginReducer,
|
||||
},
|
||||
});
|
5
src/components/Login/Login.tsx
Normal file
5
src/components/Login/Login.tsx
Normal file
|
@ -0,0 +1,5 @@
|
|||
import React from "react";
|
||||
|
||||
export default function Login() {
|
||||
return <div>{"Login"}</div>;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue