Projects
{userProjects}
diff --git a/src/components/Header/Header.js b/src/components/Header/Header.js
index 2f0ddbd..09043a5 100644
--- a/src/components/Header/Header.js
+++ b/src/components/Header/Header.js
@@ -1,6 +1,6 @@
import Account from "../Account/Account";
-function Header({ userStatus, user, handleLogin }) {
+function Header({ userStatus, handleLogin }) {
return (
@@ -10,7 +10,7 @@ function Header({ userStatus, user, handleLogin }) {
diff --git a/src/components/Projects/Projects.js b/src/components/Project/Project.js
similarity index 53%
rename from src/components/Projects/Projects.js
rename to src/components/Project/Project.js
index 2682f7c..5467c6d 100644
--- a/src/components/Projects/Projects.js
+++ b/src/components/Project/Project.js
@@ -1,7 +1,7 @@
-function Projects() {
+function Projects({ title }) {
return (
<>
-
Projects
+
{title}
);
}
diff --git a/src/components/Welcome/Welcome.js b/src/components/Welcome/Welcome.js
index 18b99e4..8681e0a 100644
--- a/src/components/Welcome/Welcome.js
+++ b/src/components/Welcome/Welcome.js
@@ -1,13 +1,13 @@
import Header from "../Header/Header";
import About from "../About/About";
-function Welcome({ userStatus, user, handleLogin }) {
+function Welcome({ userStatus, handleLogin }) {
return (
<>
diff --git a/src/index.js b/src/index.js
index 5b39431..7e3b84b 100644
--- a/src/index.js
+++ b/src/index.js
@@ -3,13 +3,24 @@ import ReactDOM from "react-dom/client";
import { BrowserRouter } from "react-router-dom";
import "./index.css";
import App from "./components/App/App";
+import { configureStore } from "@reduxjs/toolkit";
+import { Provider } from "react-redux";
+import userReducer from "./reducers/user";
import reportWebVitals from "./reportWebVitals";
+const store = configureStore({
+ reducer: {
+ user: userReducer,
+ },
+});
+
ReactDOM.createRoot(document.getElementById("root")).render(
-
-
-
+
+
+
+
+
);
diff --git a/src/reducers/user.js b/src/reducers/user.js
new file mode 100644
index 0000000..ba31140
--- /dev/null
+++ b/src/reducers/user.js
@@ -0,0 +1,21 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+const initialStateValue = {
+ user: {},
+};
+
+export const userSlice = createSlice({
+ name: "user",
+ initialState: initialStateValue,
+ reducers: {
+ setUserData: (state, action) => {
+ const userData = action.payload;
+ console.log(userData);
+ return { ...state, user: userData };
+ },
+ },
+});
+
+export const { setUserData } = userSlice.actions;
+
+export default userSlice.reducer;