Adding page to view currently uploaded members, as well as verifying admin is logged in

client/src/App.js

@@ -1,18 +1,25 @@
 import React from "react";
 import { BrowserRouter, Routes, Route, Link } from "react-router";
 import Home from "./pages/Home";
+import AdminLogin from "./pages/AdminLogin";
 import AdminMembers from "./pages/AdminMembers";
+import AdminMembersView from "./pages/AdminMembersView";
 
 export default function App() {
   return (
     <BrowserRouter>
       <nav style={{ padding: "1rem", background: "#f5f5f5" }}>
-        <Link to="/">Home</Link> | <Link to="/admin-members">Admin Members</Link>
+        <Link to="/">Home</Link> | 
+        <Link to="/admin-login">Admin Login</Link> | 
+        <Link to="/admin-members">Admin Members</Link> | 
+        <Link to="/admin-members-view">View Members</Link>
       </nav>
 
       <Routes>
         <Route path="/" element={<Home />} />
+        <Route path="/admin-login" element={<AdminLogin />} />
         <Route path="/admin-members" element={<AdminMembers />} />
+        <Route path="/admin-members-view" element={<AdminMembersView />} />
       </Routes>
     </BrowserRouter>
   );

client/src/pages/AdminMembers.js

@@ -1,10 +1,22 @@
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
+import { useNavigate } from 'react-router';
 
 export default function AdminMembers() {
   const [year, setYear] = useState("");
   const [file, setFile] = useState(null);
   const [status, setStatus] = useState("");
 
+  const navigate = useNavigate();
+  
+  const isAdmin = () => {
+    return localStorage.getItem('adminToken') !== null;
+  };
+
+  if (!isAdmin()) {
+    navigate('/admin-login');
+    return <div>Redirecting...</div>;
+  }
+
   const handleSubmit = async (e) => {
     e.preventDefault();