Rename maintainer role to master

Rename AdminAuthGuard to AdminGuard

Author: szelongq

frontend/src/auth/AdminAuthGuard.tsx renamed to frontend/src/auth/AdminGuard.tsx

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

frontend/src/auth/MaintainerGuard.tsx renamed to frontend/src/auth/MasterGuard.tsx

@@ -6,9 +6,9 @@ interface AuthGuardProps {
   children: ReactNode;
 }
 
-export default function MaintainerGuard({ children }: AuthGuardProps) {
+export default function MasterGuard({ children }: AuthGuardProps) {
   const { user } = useAuth();
-  if (user?.role !== 'maintainer') {
+  if (user?.role !== 'master') {
     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 === 'master') {
     settings = settings.concat({name: "Create Admin", onclick: () => navigate("/createadmin", { replace: true })})
   }
 
@@ -130,7 +130,7 @@ export default function Navbar() {
                   <Typography textAlign="center">{page.name}</Typography>
                 </MenuItem>
               ))}
-              {(user?.role === "admin" || user?.role === "maintainer")
+              {(user?.role === "admin" || user?.role === "master")
                 && adminPages.map((page) => (
                 <MenuItem key={page.name} onClick={() => navigate(page.link)}>
                   <Typography textAlign="center">{page.name}</Typography>
@@ -172,7 +172,7 @@ export default function Navbar() {
                 {page.name}
               </Button>
             ))}
-            {(user?.role === "admin" || user?.role === "maintainer")
+            {(user?.role === "admin" || user?.role === "master")
               && adminPages.map((page) => (
               <Button
                 key={page.name}

frontend/src/index.tsx

@@ -6,7 +6,7 @@ import App from "./pages/App";
 import Login from "./pages/login";
 import SignUp from "./pages/signup";
 import AuthGuard from "./auth/AuthGuard";
-import AdminAuthGuard from "./auth/AdminAuthGuard";
+import AdminGuard from "./auth/AdminGuard";
 import RedirectIfLoggedIn from "./auth/RedirectIfLoggedIn";
 import { DataContextProvider } from "./data/data.context";
 import CollabProblemSolver from "./pages/CollabProblemSolver";
@@ -15,7 +15,7 @@ import ProblemSolver from "./pages/ProblemSolver";
 import Landing from "./pages/landing";
 import Profile from "./pages/profile";
 import CreateAdmin from "./pages/createAdmin";
-import MaintainerGuard from "./auth/MaintainerGuard";
+import MasterGuard from "./auth/MasterGuard";
 import QuestionsManage from "./pages/QuestionsManage";
 import QuestionsView from "./pages/QuestionsView";
 
@@ -82,9 +82,9 @@ root.render(
             <Route
               path="/createadmin"
               element={
-                <MaintainerGuard>
+                <MasterGuard>
                   <CreateAdmin />
-                </MaintainerGuard>
+                </MasterGuard>
               }
             />
             <Route
@@ -98,9 +98,9 @@ root.render(
             <Route
               path="/manage-questions"
               element={
-                <AdminAuthGuard>
+                <AdminGuard>
                   <QuestionsManage />
-                </AdminAuthGuard>
+                </AdminGuard>
               }
             />
           </Routes>

frontend/src/pages/profile.tsx

@@ -81,7 +81,7 @@ export default function Profile() {
           </Grid>
         </Grid>
         <DeleteButtonModal/>
-        {user?.role == 'maintainer' && <AdminUsersTable/>}
+        {user?.role == 'master' && <AdminUsersTable/>}
       </Container>
     </Box>
   );