api maintenance

client/src/util/Protect.tsx

@@ -1,31 +1,47 @@
+import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
+import AccessForbidden from "../components/pages/StatusPages/403";
 import { Button, Page } from "../components/ui";
-import Divider from "../components/ui/Divider";
 import { useAuthContext } from "../context/AuthContext";
+import API from "./API";
 import { ProtectPortal } from "./types";
 
-const Protect: ProtectPortal = ({ children, redirect = '' }) => {
-    const { user } = useAuthContext();
+const Protect: ProtectPortal = ({ children, redirect = '', accessRules = null }) => {
+    const [view, setView] = useState(<Page><h1>Loading...</h1></Page>);
+    const { user, token } = useAuthContext();
     const navigate = useNavigate();
 
-    if (!user) {
-        return (
-            <Page>
-                <div className="content-unauthorized">
-                    <h1>Hi there! You don't look too familiar.</h1>
+    useEffect(() => {
+        if (!user || !token) {
+            setView(
+                <AccessForbidden>
+                    <>
+                    <h2>Hi there! You don't look too familiar.</h2>
                     <p>To view the content on this page, please log in below:</p>
-                    <Divider />
                     <Button onClick={() => navigate(redirect ? `/login?redirect=${redirect}` : '/login')}>Log In</Button>
-                </div>
-            </Page>
-        )
-    } else {
-        return (
-            <Page>
-                { children || <></> }
-            </Page>
-        )
-    }
+                    </>
+                </AccessForbidden>
+            )
+
+            return;
+        }
+    
+        if (accessRules !== null) {
+            if (accessRules.mustBeRecipinAdmin && !(user.isadmin)) {
+                setView(
+                    <AccessForbidden>
+                        <>
+                        <h2>This page requires administrator access.</h2>
+                        <p>If you believe you are receiving this message in error, please contact Recipin support.</p>
+                        </>
+                    </AccessForbidden>
+                )
+            }
+        }
+    }, [user, token])
+
+
+    return view;
 }
 
 export default Protect;