frontend: impl /login and /dashboard

1 files changed, 28 insertions, 5 deletions

diff --git a/frontend/app/routes/dashboard.tsx b/frontend/app/routes/dashboard.tsx
index 535642c..7fda6d7 100644
--- a/frontend/app/routes/dashboard.tsx
+++ b/frontend/app/routes/dashboard.tsx
@@ -12,11 +12,34 @@ export default function Dashboard() {
   const user = useLoaderData<typeof loader>()!;
 
   return (
-    <div>
-      <h1>
-        #{user.userId} {user.displayUsername} (@{user.username})
-      </h1>
-      {user.isAdmin && <p>Admin</p>}
+    <div className="min-h-screen bg-gray-100 p-8">
+      <div className="bg-white p-6 rounded shadow-md max-w-4xl mx-auto">
+        <h1 className="text-3xl font-bold mb-4">
+          {user.username}{" "}
+          {user.isAdmin && <span className="text-red-500 text-lg">admin</span>}
+        </h1>
+        <h2 className="text-2xl font-semibold mb-2">User</h2>
+        <div className="mb-6">
+          <ul className="list-disc list-inside">
+            <li>Name: {user.displayUsername}</li>
+          </ul>
+        </div>
+        <h2 className="text-2xl font-semibold mb-2">Team</h2>
+        <div className="mb-6">
+          <ul className="list-disc list-inside">
+            <li>Name: {user.displayUsername}</li>
+            <li>
+              Members: {user.displayUsername} ({user.username})
+            </li>
+          </ul>
+        </div>
+        <h2 className="text-2xl font-semibold mb-2">Game</h2>
+        <div>
+          <ul className="list-disc list-inside">
+            <li>TODO</li>
+          </ul>
+        </div>
+      </div>
     </div>
   );
 }