SignUp and Dashboard Page Fix

frontend/src/Admin/AdminCourses.jsx

@@ -12,14 +12,25 @@ import { deleteProduct, getProduct, patchProduct } from '../redux/AdminReducer/a
 const AdminCourses = () => {
 
 const dispatch=useDispatch();
-const courses=useSelector((store)=>{
-  return store.AdminReducer.data
-})
-
-console.log("course",courses);
-
+// const courses=useSelector((store)=>{
+//   return store.AdminReducer.data
+// })
+const[courses,getCourses] =useState([])
+// console.log("course",courses);
+let user=JSON.parse(localStorage.getItem('user'));
 useEffect(()=>{
   dispatch(getProduct())
+  fetch("https://energetic-wasp-hose.cyclic.cloud/courses",{
+            headers:{
+                "Authorization":`Bearer ${user.token}`
+            }
+        }).then((res)=>{
+            return res.json()
+        }).then((res)=>{
+            console.log(res)
+            getCourses(res.Courses
+                )
+        })
 
 },[])
 

frontend/src/Admin/AdminNavbar.jsx

@@ -7,6 +7,21 @@ import styled from "styled-components";
 export const AdminNavbar = () => {
 let user=JSON.parse(localStorage.getItem("user"));
 console.log(user.user);
+const navigate= useNavigate();
+
+const handleChange=(e)=>{
+
+  // localStorage.setItem("user",null)
+  if(e.target.value=="2"){
+    localStorage.clear();
+  }else if(e.target.value=="3"){
+    navigate("/admin")
+  }else if(e.target.value=="1"){
+    navigate("/dashboard")
+  }
+
+}
+
 
   return (
     <DIV>
@@ -25,8 +40,20 @@ console.log(user.user);
 
 
       <Link to={"/admin/courses"}><button>Courses</button> </Link>
-
-     <span>{user.user}</span>
+   <span>{user.user}</span>
+      {/* <div >
+        <button >
+
+
+          <select value="" onChange={handleChange}>
+          <option value="1"><span>Home</span></option>
+           <option value="2">  <span>Logout</span></option>
+           <option value="3"><span>Admin</span></option>
+         </select>
+
+
+        </button>
+      </div> */}
 
     </DIV>
   );
@@ -85,4 +112,7 @@ const DIV = styled.div`
     padding-top: 7px;
     border-radius: 2px;
   }
+  select{
+    color: black;
+  }
 `;

frontend/src/Admin/AdminUsers.jsx

@@ -10,14 +10,28 @@ import { deleteUsers, getUser } from '../redux/AdminReducer/action';
 import { patchUser } from '../redux/AdminReducer/action';
 
 const AdminUsers = () => {
-
+  let user=JSON.parse(localStorage.getItem('user'));
 const dispatch=useDispatch();
-const users=useSelector((store)=>{
-  return store.AdminReducer.users
-})
+// const users=useSelector((store)=>{
+//   return store.AdminReducer.users
+// })
+const [users,setUsers]=useState([])
+
 console.log(users);
 useEffect(()=>{
   dispatch(getUser())
+  fetch("https://energetic-wasp-hose.cyclic.cloud/users",{
+            headers:{
+                "Authorization":`Bearer ${user.token}`
+            }
+        }).then((res)=>{
+            return res.json()
+        }).then((res)=>{
+            console.log(res)
+            setUsers(res.users
+                )
+        })
+
 },[])
 
 

frontend/src/Admin/CourseForm.jsx

@@ -42,12 +42,30 @@ const CourseForm = () => {
 
 
 
-  const courses=useSelector((store)=>{
-    return store.AdminReducer.data
-  })
+  // const courses=useSelector((store)=>{
+  //   return store.AdminReducer.data
+  // })
   const dispatch=useDispatch();
 
-
+  const[courses,getCourses] =useState([])
+  // console.log("course",courses);
+  let user=JSON.parse(localStorage.getItem('user'));
+  useEffect(()=>{
+    dispatch(getProduct())
+    fetch("https://energetic-wasp-hose.cyclic.cloud/courses",{
+              headers:{
+                  "Authorization":`Bearer ${user.token}`
+              }
+          }).then((res)=>{
+              return res.json()
+          }).then((res)=>{
+              console.log(res)
+              getCourses(res.Courses
+                  )
+          })
+
+  },[])
+
 
 
   useEffect(()=>{

frontend/src/Admin/UserEdit.jsx

@@ -21,9 +21,29 @@ const UserEdit = () => {
 const {id}= useParams()
 
     // let id="64eb6860527fb0c018fed42c"
-    const users=useSelector((store)=>{
-        return store.AdminReducer.users
-      })
+    // const users=useSelector((store)=>{
+    //     return store.AdminReducer.users
+    //   })
+    let user=JSON.parse(localStorage.getItem('user'));
+    const [users,setUsers]=useState([])
+
+    console.log(users);
+    useEffect(()=>{
+      dispatch(getUser())
+      fetch("https://energetic-wasp-hose.cyclic.cloud/users",{
+                headers:{
+                    "Authorization":`Bearer ${user.token}`
+                }
+            }).then((res)=>{
+                return res.json()
+            }).then((res)=>{
+                console.log(res)
+                setUsers(res.users
+                    )
+            })
+
+    },[])
+
       console.log(users);
       const dispatch=useDispatch();
       useEffect(()=>{