added protected routes

client/src/App.js

@@ -14,13 +14,13 @@ function App() {
       <Router>
         <Routes>
           <Route element={<LoginPage />} path="/login" />
-          <Route element={<SignupPage />} path="/signup" />
-          <Route element={<ChatPage />} path="/" />
-          
-          {/* <Route element={<PrivateRoutes />}>
+            <Route element={<SignupPage />} path="/signup" />
+          {/* <Route element={<ChatPage />} path="/" /> */}
+
+          <Route element={<PrivateRoutes />}>
             <Route element={<ChatPage />} path="/" />
-          </Route> */}
-        
+          </Route>
+
         </Routes>
       </Router>
 

client/src/PrivateRoutes.jsx

@@ -1,27 +1,38 @@
-import React from 'react'
-import {Outlet,Navigate} from "react-router-dom";
+import React, { useState,useEffect } from 'react'
+import { Outlet, Navigate } from "react-router-dom";
 
 function PrivateRoutes() {
-    const getAuthStatus = async ()=>{
-        
-        const res = await fetch(process.env.REACT_APP_BACKEND_URL+"/session",{
-            credentials:"include"
-        })
-
-        return res.ok;
-    }
-    
-    const isAuth = getAuthStatus();
+  const [isAuth, setIsAuth] = useState(undefined);
+  const getAuthStatus = async () => {
+
+    const res = await fetch(process.env.REACT_APP_BACKEND_URL + "/session", {
+      credentials: "include"
+    })
+
+    return res.ok;
+  }
+
+  useEffect(()=>{
+    getAuthStatus().then((status)=>{
+      console.log(status);
+      setIsAuth(status);
+    })
+  },[])
 
-    if (isAuth === undefined) {
-        return <p>
-           Loading ...
-        </p>
-    }
 
-  return (
-    isAuth ? <Outlet/>:<Navigate to="/login" />
-  );
+  if (isAuth === undefined) {
+    return <p>
+      Loading ...
+    </p>
+  }
+  else{
+
+    return (
+      isAuth ? <Outlet /> : <Navigate to="/login" />
+    );
+    
+  }
+
 }
 
 export default PrivateRoutes

server/index.ts

@@ -93,7 +93,7 @@ app.use(async (req, res, next) => {
 
 app.get("/session", (req, res) => {
   if(!res.locals.user){
-    res.status(403);
+    return res.status(403).send();
   }
   return res.status(200).send(res.locals.user);
 })