feat: [US-011] - Dashboard layout with navbar

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-21 04:11:01 -03:00
parent fae8cd7764
commit 0f8a9546b5
2 changed files with 60 additions and 0 deletions
@@ -0,0 +1,32 @@
+import Link from 'next/link'
+import LogoutButton from './LogoutButton'
+
+interface NavbarProps {
+  userEmail: string
+}
+
+export default function Navbar({ userEmail }: NavbarProps) {
+  return (
+    <nav className="border-b border-zinc-200 bg-white dark:border-zinc-800 dark:bg-zinc-900">
+      <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+        <div className="flex h-16 items-center justify-between">
+          <div className="flex items-center">
+            <Link
+              href="/dashboard"
+              className="text-xl font-bold text-zinc-900 dark:text-zinc-50"
+            >
+              WebVNWrite
+            </Link>
+          </div>
+
+          <div className="flex items-center gap-4">
+            <span className="text-sm text-zinc-600 dark:text-zinc-400">
+              {userEmail}
+            </span>
+            <LogoutButton />
+          </div>
+        </div>
+      </div>
+    </nav>
+  )
+}