Working on login

Author: JManion32

src/components/navbar/NavbarLink.tsx

@@ -10,6 +10,10 @@ export default function NavbarLink({ label, nav }: NavbarLinkProps) {
     const navigate = useNavigate();
 
     const handleClick = (e: MouseEvent<HTMLAnchorElement>) => {
+        if (location.pathname === nav) {
+            return;
+        }
+
         e.preventDefault();
 
         const content = document.querySelector('.app-content');

src/pages/Home.tsx

@@ -1,8 +1,15 @@
+import { useState } from 'react';
+import LoginPopup from '../components/LoginPopup.tsx';
+import '../css/login.css';
+
 export default function Home() {
+    const [showLogin, setShowLogin] = useState(false);
     return (
         <>
             <div>
                 <h1>Home</h1>
+                <a onClick={() => setShowLogin(true)}>Register</a>
+                <LoginPopup isOpen={showLogin} onClose={() => setShowLogin(false)} />
             </div>
         </>
     );

src/pages/Login.tsx

@@ -3,15 +3,12 @@ import DarkModeToggle from '../components/DarkModeToggle.tsx';
 import LoginPopup from '../components/LoginPopup.tsx';
 
 export default function Testing() {
-    const [showLogin, setShowLogin] = useState(false);
     return (
         <>
             <div style={{ display: 'flex', flexDirection: 'column', gap: '16px', color: 'black' }}>
                 <h1>[dev] Testing</h1>
                 <p>This page is for misc features that have been developed, but not placed.</p>
                 <DarkModeToggle />
-                <a onClick={() => setShowLogin(true)}>Register</a>
-                <LoginPopup isOpen={showLogin} onClose={() => setShowLogin(false)} />
             </div>
         </>
     );