Fixed router resert problem that was caused in the protected-route co…

…mponent - made an empty call page and added it to the router

client/src/App.tsx

@@ -8,6 +8,7 @@ import ProtectedRoute from "./components/protected-route/protected-route";
 
 import Index from "./pages/index/index.page";
 import Chat from "./pages/chat/chat.page";
+import Call from "./pages/call/call.page";
 import Signin from "./pages/signin/signin.page";
 import Signup from "./pages/signup/signup.page";
 import NotFound from "./pages/not-found/not-found.page";
@@ -49,6 +50,7 @@ function App() {
       >
         <Route index element={<Index />} />
         <Route path="chat/:chatId" element={<Chat />} />
+        <Route path="call/:chatId" element={<Chat />} />
       </Route>
 
       <Route path="/auth" element={<AuthLayout />}>

client/src/components/protected-route/protected-route.tsx

@@ -2,11 +2,21 @@ import { Navigate, useLocation } from "react-router-dom";
 
 import useUser from "../../hooks/useUser";
 
+import LoadingSpinner from "../loading-spinner/loading-spinner.component";
+
 function ProtectedRoute({ children }: { children: JSX.Element }) {
   const { user } = useUser();
   const location = useLocation();
 
-  if (user?.isLoggedIn) {
+  if (!user) {
+    return (
+      <div className="h-screen text-4xl">
+        <LoadingSpinner />
+      </div>
+    );
+  }
+
+  if (user.isLoggedIn) {
     return children;
   }
 

client/src/pages/call/call.page.tsx

@@ -0,0 +1,5 @@
+function Call() {
+  return <div></div>;
+}
+
+export default Call;