From 0f8a9546b55f2c567b2975a3a840eb5baf37d36d Mon Sep 17 00:00:00 2001
From: Gustavo Henrique Santos Souza de Miranda <gustavohssmiranda@gmail.com>
Date: Wed, 21 Jan 2026 04:11:01 -0300
Subject: [PATCH] feat: [US-011] - Dashboard layout with navbar

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/app/dashboard/layout.tsx | 28 ++++++++++++++++++++++++++++
 src/components/Navbar.tsx    | 32 ++++++++++++++++++++++++++++++++
 2 files changed, 60 insertions(+)
 create mode 100644 src/app/dashboard/layout.tsx
 create mode 100644 src/components/Navbar.tsx

diff --git a/src/app/dashboard/layout.tsx b/src/app/dashboard/layout.tsx
new file mode 100644
index 0000000..497583f
--- /dev/null
+++ b/src/app/dashboard/layout.tsx
@@ -0,0 +1,28 @@
+import { redirect } from 'next/navigation'
+import { createClient } from '@/lib/supabase/server'
+import Navbar from '@/components/Navbar'
+
+export default async function DashboardLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  const supabase = await createClient()
+
+  const {
+    data: { user },
+  } = await supabase.auth.getUser()
+
+  if (!user) {
+    redirect('/login')
+  }
+
+  return (
+    <div className="min-h-screen bg-zinc-50 dark:bg-zinc-950">
+      <Navbar userEmail={user.email || ''} />
+      <main className="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8">
+        {children}
+      </main>
+    </div>
+  )
+}
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
new file mode 100644
index 0000000..7b5bec8
--- /dev/null
+++ b/src/components/Navbar.tsx
@@ -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>
+  )
+}