Updated login page, added ProtectedRoute object for wrapping in layouts, added ProtectedRoute authorization verification to Admin route root

app/Admin/Login/page.tsx

@@ -1,25 +0,0 @@
-"use client";
-import { useState } from "react";
-
-import { login, signup } from "@/lib/server_functions/userAuth";
-export default function Login() {
-  const [createAccount, setCreateAccount] = useState(false);
-
-  return (
-    <div>
-      <form action={createAccount ? login : signup}>
-        <input type="text" name="username" placeholder="Username" required />
-        <input
-          type="password"
-          name="password"
-          placeholder="Password"
-          required
-        />
-        <button type="submit">{createAccount ? "Login" : "Signup"}</button>
-      </form>
-      <button onClick={() => setCreateAccount(!createAccount)}>
-        {createAccount ? "Don't have an account?" : "Already have an account?"}
-      </button>
-    </div>
-  );
-}

app/Admin/layout.tsx

@@ -1,11 +1,13 @@
 import React from "react";
 
-export default function AdminLayout({children}: {children: React.ReactNode}) {
+import ProtectedRoute from "@/components/wrappers/ProtectedRoute";
+
+export default async function AdminLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
   // TODO: Put user state management here
   //redirect("wherever state says") <= stateRouteManager()
-  return (
-    <div>
-      {children}
-    </div>
-  )
-  }
+  return <ProtectedRoute>{children}</ProtectedRoute>;
+}

app/Admin/page.tsx

@@ -1,6 +1,5 @@
-import { redirect } from "next/navigation";
+import UnderConstruction from "@/components/static_pages/UnderConstruction";
 
 export default function Admin() {
-  // TODO: Replace with Layout State Manager
-  redirect("/Admin/Login");
+  return <UnderConstruction />;
 }