fixing redirect to login on orders page

src/components/Navbar/Navbar.tsx

@@ -28,12 +28,6 @@ const NavBar: React.FC<Props> = ({sideBarActive,updateSideBarActive}) => {
 
   const token: string | null = localStorage.getItem('token')
 
-  const { id } = useParams<{ id?: string | undefined }>();
-
-  if(!id || id==="undefined"){
-    navigate('/login')
-  }
-
   function handleResize() {
     if (window.innerWidth >= 1000) {
       updateSideBarActive(false)
@@ -50,10 +44,6 @@ const NavBar: React.FC<Props> = ({sideBarActive,updateSideBarActive}) => {
     setProfileActive(prev=>!prev)
   }
 
-  function handleProfileRedirect(event: any){
-    navigate(`/MyAccount/${id}`)
-  }
-
   function handleClickOutsideProfile(event: any){
     if(!event.target.closest(".accountContainer")) setProfileActive(false)
   }
@@ -76,9 +66,13 @@ const NavBar: React.FC<Props> = ({sideBarActive,updateSideBarActive}) => {
       dispatch(fetchUser(decodedUser.userId))
     }
   }, [])
-
-  const { user } = useSelector((state: RootState) => state.user);
 
+  const { user } = useSelector((state: RootState) => state.user);
+
+  function handleProfileRedirect(event: any){
+    navigate(`/MyAccount/${user?.userId}`)
+  }
+
 
   return (
     <>
@@ -89,7 +83,7 @@ const NavBar: React.FC<Props> = ({sideBarActive,updateSideBarActive}) => {
           <hr />
           <h4>OnesAndZeros</h4>
         </div>
-        <Link to={`/${id}`} className="start-buying-link">
+        <Link to={`/${user?.userId}`} className="start-buying-link">
           Start buying
         </Link>
         <div className="accountContainer">

src/components/Sidebar/Sidebar.tsx

@@ -36,8 +36,6 @@ const SideBar: React.FC<SideBarProps> = ({children,className}) => {
     navigate('/')
   }
 
-  const { id } = useParams<{ id?: string }>();
-
   return (
     <>
       <nav ref={ref} className={`SideBar ${className}`}>