feat: clean up auth flow

client/src/App.tsx

@@ -1,5 +1,10 @@
 import { CookiesProvider } from "react-cookie";
-import { Route, BrowserRouter as Router, Routes } from "react-router-dom";
+import {
+  Navigate,
+  Route,
+  BrowserRouter as Router,
+  Routes,
+} from "react-router-dom";
 
 import { Admin } from "./components/admin/Admin";
 import { CatchAll } from "./components/CatchAll";
@@ -41,6 +46,15 @@ const App = () => {
                   }
                 />
 
+                <Route
+                  path="/"
+                  element={
+                    <Navigate
+                      to="/login"
+                      replace
+                    />
+                  }
+                />
                 <Route
                   path="*"
                   element={<ProtectedRoute element={<CatchAll />} />}

client/src/components/ProtectedRoute.tsx

@@ -17,7 +17,13 @@ export const ProtectedRoute = ({
 
   const roles = Array.isArray(allowedRoles) ? allowedRoles : [allowedRoles];
   const isValidRole = getIsValidRole(roles, role);
-  return currentUser && isValidRole ? element : <Navigate to={"/login"} />;
+  return currentUser && isValidRole ? (
+    element
+  ) : currentUser ? (
+    <Navigate to={"dashboard"} />
+  ) : (
+    <Navigate to={"/"} />
+  );
 };
 
 /**

client/src/components/dashboard/Dashboard.tsx

@@ -2,6 +2,7 @@ import { useEffect, useState } from "react";
 
 import {
   Button,
+  Link as ChakraLink,
   Heading,
   Table,
   TableCaption,
@@ -15,6 +16,8 @@ import {
   VStack,
 } from "@chakra-ui/react";
 
+import { Link } from "react-router-dom";
+
 import { useAuthContext } from "../../contexts/hooks/useAuthContext";
 import { useBackendContext } from "../../contexts/hooks/useBackendContext";
 import { useRoleContext } from "../../contexts/hooks/useRoleContext";
@@ -49,7 +52,19 @@ export const Dashboard = () => {
       <Heading>Dashboard</Heading>
 
       <VStack>
-        <Text> Signed in as {currentUser?.email}</Text>
+        <Text>
+          Signed in as {currentUser?.email} (
+          {role === "admin" ? "Admin" : "User"})
+        </Text>
+
+        {role === "admin" ? (
+          <ChakraLink
+            as={Link}
+            to={"/admin"}
+          >
+            Go to Admin Page
+          </ChakraLink>
+        ) : null}
         <Button onClick={logout}>Sign out</Button>
       </VStack>
 

client/src/components/login/Login.tsx

@@ -65,6 +65,8 @@ export const Login = () => {
         email: data.email,
         password: data.password,
       });
+
+      navigate("/dashboard");
     } catch (err) {
       const errorCode = err.code;
       const firebaseErrorMsg = err.message;

package.json

@@ -38,7 +38,7 @@
   },
   "packageManager": "yarn@1.22.22",
   "engines": {
-    "yarn": "^1.22.22",
+    "yarn": "^1.22.0",
     "node": ">=18"
   }
 }