Allow Maintainer role to manage questions too

Author: szelongq

frontend/src/auth/AdminAuthGuard.tsx

@@ -8,8 +8,8 @@ interface AuthGuardProps {
 
 export default function AdminAuthGuard({ children }: AuthGuardProps) {
   const { user } = useAuth();
-  if (user?.role !== "admin") {
-    return <Navigate to="/home" />;
+  if (user?.role !== "admin" && user?.role !== "maintainer") {
+    return <Navigate to="/login" />;
   }
   return <>{children}</>;
 }

frontend/src/auth/MaintainerGuard.tsx

@@ -8,7 +8,7 @@ interface AuthGuardProps {
 
 export default function MaintainerGuard({ children }: AuthGuardProps) {
   const { user } = useAuth();
-  if (!(user?.role == 'maintainer')) {
+  if (user?.role !== 'maintainer') {
     return <Navigate to="/login" />;
   }
   return <>{children}</>;

frontend/src/components/Navbar.tsx

@@ -69,7 +69,7 @@ export default function Navbar() {
     { name: "Dashboard", onclick: handleCloseUserMenu },
     { name: "Logout", onclick: logout },
   ];
-  if (user?.role == 'maintainer') {
+  if (user?.role === 'maintainer') {
     settings = settings.concat({name: "Create Admin", onclick: () => navigate("/createadmin", { replace: true })})
   }
 
@@ -130,7 +130,8 @@ export default function Navbar() {
                   <Typography textAlign="center">{page.name}</Typography>
                 </MenuItem>
               ))}
-              {user?.role === "admin" && adminPages.map((page) => (
+              {(user?.role === "admin" || user?.role === "maintainer")
+                && adminPages.map((page) => (
                 <MenuItem key={page.name} onClick={() => navigate(page.link)}>
                   <Typography textAlign="center">{page.name}</Typography>
                 </MenuItem>
@@ -171,7 +172,8 @@ export default function Navbar() {
                 {page.name}
               </Button>
             ))}
-            {user?.role === "admin" && adminPages.map((page) => (
+            {(user?.role === "admin" || user?.role === "maintainer")
+              && adminPages.map((page) => (
               <Button
                 key={page.name}
                 href={page.link}