first commit

2026-07-16 17:36:21 +02:00
commit a0d7163464
45 changed files with 7481 additions and 0 deletions
@@ -0,0 +1,38 @@
+import { NavLink, Outlet } from 'react-router-dom';
+import { useAuth } from '../AuthContext';
+import { formatCredits } from '../api';
+
+export default function Layout() {
+  const { user, logout } = useAuth();
+
+  return (
+    <div className="app-shell">
+      <header className="topnav">
+        <NavLink to="/dashboard" className="brand">
+          CaseForge
+        </NavLink>
+        <nav className="nav-links">
+          <NavLink to="/dashboard">Dashboard</NavLink>
+          <NavLink to="/leaderboard">Leaderboard</NavLink>
+          {user?.role === 'admin' && <NavLink to="/admin">Admin</NavLink>}
+          {user && (
+            <span className="balance-pill">{formatCredits(user.balance)} cr</span>
+          )}
+          {user ? (
+            <>
+              <span className="muted">{user.username}</span>
+              <button type="button" className="btn ghost" onClick={logout}>
+                Logout
+              </button>
+            </>
+          ) : (
+            <NavLink to="/login">Login</NavLink>
+          )}
+        </nav>
+      </header>
+      <main className="main">
+        <Outlet />
+      </main>
+    </div>
+  );
+}