Lc 17 :- Added post details

client/package.json

@@ -4,16 +4,13 @@
   "private": true,
   "dependencies": {
     "@craco/craco": "^6.3.0",
-    "@fortawesome/fontawesome-svg-core": "^1.2.36",
-    "@fortawesome/free-solid-svg-icons": "^5.15.4",
-    "@fortawesome/react-fontawesome": "^0.1.15",
+    "@reduxjs/toolkit": "^1.6.2",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-image-crop": "^9.0.4",
-    "react-modal": "^3.14.3",
+    "react-redux": "^7.2.5",
     "react-router-dom": "^5.3.0",
     "react-scripts": "4.0.3",
     "web-vitals": "^1.0.1"

client/src/App.js

@@ -1,4 +1,5 @@
 import {BrowserRouter as Router , Route} from 'react-router-dom';
+import postDetails from './components/post-details/postDetails';
 import Signin from './components/Signin';
 import Signup from './components/Signup';
 import UserCard from './components/user-card/user-card';
@@ -9,7 +10,7 @@ function App() {
       <Route path='/' exact component= {UserCard} />
       <Route path='/Signup' exact component= {Signup} />
       <Route path='/Signin' exact component= {Signin} />
-      <Route path='/post' exact component= {Post} />
+      <Route path='/po' exact component= {postDetails} />
     </Router> 
   );
 }

client/src/Redux/profilePic/profilePic.js

@@ -0,0 +1,16 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+export const profilePic = createSlice({
+    name:'profilePicUrl',
+    initialState:{
+        value:'./Assets/profilepic.jpg',
+    },
+    reducers:{
+        changeUrl:(state,action) => {
+            state.value = action.payload;
+        }
+    }
+})
+
+export const {changeUrl} = profilePic.actions;
+export default profilePic.reducer;

client/src/Redux/store.js

@@ -0,0 +1,11 @@
+import {configureStore} from '@reduxjs/toolkit';
+import profilePicReducer from './profilePic/profilePic';
+import userNameReducer from './userName/userName';
+
+export default configureStore({
+    reducer:{
+        profilePicUrl : profilePicReducer,
+        userName : userNameReducer
+
+    }
+})

client/src/Redux/userName/userName.js

@@ -0,0 +1,18 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+const userName = createSlice({
+    name:'userName',
+    initialState:{
+        value:'User Name'
+    },
+    reducers:{
+        changeUserName:(state,action) => {
+            state.value = action.payload
+        }
+    }
+})
+
+export const {changeUserName} = userName.actions;
+
+export default userName.reducer;
+