basic navbar

1 files changed, 16 insertions, 3 deletions

diff --git a/app/src/components/Navbar.tsx b/app/src/components/Navbar.tsx
index 7ffb514..5107bf4 100644
--- a/app/src/components/Navbar.tsx
+++ b/app/src/components/Navbar.tsx
@@ -1,10 +1,23 @@
 import styles from '../styles/Navbar.module.css';
+import { Link } from 'react-router-dom';
 
 function Navbar() {
   return (
-    <nav className={styles.navbar}>
-      <span>LinkLogger</span>
-    </nav>
+    <div className={styles.navbar}>
+      <div className={styles.navbarLeft}>
+        <Link to={'/login'}>
+          <a className={styles.navbarLink}>Login</a>
+        </Link>
+        <Link to={'/signup'}>
+          <a className={styles.navbarLink}>Signup</a>
+        </Link>
+      </div>
+      <div className={styles.navbarRight}>
+        <Link to={'/status'}>
+          <a className={styles.navbarLink}>API Status</a>
+        </Link>
+      </div>
+    </div>
   );
 }