From dd35ca8e1e2576bffedb7fedd6fe277ffbae2698 Mon Sep 17 00:00:00 2001
From: chemicalcommando <chemicalcommando@gmail.com>
Date: Mon, 22 Jun 2026 14:29:25 +0100
Subject: [PATCH 1/2] updated dashboard

---
 apps/web/app/dashboard/layout.tsx | 26 ++++++++++++
 apps/web/app/dashboard/page.tsx   |  8 ++++
 apps/web/components/Sidebar.tsx   | 70 +++++++++++++++++++++++++++++++
 3 files changed, 104 insertions(+)
 create mode 100644 apps/web/app/dashboard/layout.tsx
 create mode 100644 apps/web/app/dashboard/page.tsx
 create mode 100644 apps/web/components/Sidebar.tsx

diff --git a/apps/web/app/dashboard/layout.tsx b/apps/web/app/dashboard/layout.tsx
new file mode 100644
index 0000000..40ce64b
--- /dev/null
+++ b/apps/web/app/dashboard/layout.tsx
@@ -0,0 +1,26 @@
+'use client';
+
+import { useRouter } from 'next/navigation';
+import { useEffect, type ReactNode } from 'react';
+import { Sidebar } from '../../components/Sidebar';
+import { useAuth } from '../../lib/auth-context';
+
+export default function DashboardLayout({ children }: { children: ReactNode }) {
+  const { user } = useAuth();
+  const router = useRouter();
+
+  useEffect(() => {
+    if (!user) {
+      router.replace('/login');
+    }
+  }, [user, router]);
+
+  if (!user) return null;
+
+  return (
+    <div style={{ display: 'flex', minHeight: '100vh' }}>
+      <Sidebar />
+      <main style={{ flex: 1, padding: '2rem' }}>{children}</main>
+    </div>
+  );
+}
diff --git a/apps/web/app/dashboard/page.tsx b/apps/web/app/dashboard/page.tsx
new file mode 100644
index 0000000..1c27fe6
--- /dev/null
+++ b/apps/web/app/dashboard/page.tsx
@@ -0,0 +1,8 @@
+export default function DashboardPage() {
+  return (
+    <div>
+      <h1 style={{ fontWeight: 700, fontSize: '1.5rem', marginBottom: '0.5rem' }}>Dashboard</h1>
+      <p style={{ color: '#6b7280' }}>Welcome back. More stats coming soon.</p>
+    </div>
+  );
+}
diff --git a/apps/web/components/Sidebar.tsx b/apps/web/components/Sidebar.tsx
new file mode 100644
index 0000000..213ae0c
--- /dev/null
+++ b/apps/web/components/Sidebar.tsx
@@ -0,0 +1,70 @@
+'use client';
+
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { useAuth } from '../lib/auth-context';
+
+const NAV_LINKS = [
+  { href: '/dashboard', label: 'Dashboard' },
+  { href: '/dashboard/restaurants', label: 'Restaurants' },
+  { href: '/dashboard/menu', label: 'Menu' },
+  { href: '/dashboard/orders', label: 'Orders' },
+  { href: '/dashboard/settings', label: 'Settings' },
+] as const;
+
+export function Sidebar() {
+  const pathname = usePathname();
+  const { user, logout } = useAuth();
+
+  return (
+    <aside
+      style={{
+        width: '220px',
+        minHeight: '100vh',
+        borderRight: '1px solid #e5e7eb',
+        display: 'flex',
+        flexDirection: 'column',
+        padding: '1.5rem 1rem',
+        gap: '0.25rem',
+      }}
+    >
+      <p style={{ fontWeight: 700, fontSize: '1.1rem', marginBottom: '1rem' }}>Discoverly</p>
+
+      <nav style={{ display: 'flex', flexDirection: 'column', gap: '0.25rem', flex: 1 }}>
+        {NAV_LINKS.map(({ href, label }) => {
+          const isActive = pathname === href;
+          return (
+            <Link
+              key={href}
+              href={href}
+              aria-current={isActive ? 'page' : undefined}
+              style={{
+                padding: '0.5rem 0.75rem',
+                borderRadius: '6px',
+                textDecoration: 'none',
+                fontWeight: isActive ? 600 : 400,
+                background: isActive ? '#f3f4f6' : 'transparent',
+                color: '#111827',
+              }}
+            >
+              {label}
+            </Link>
+          );
+        })}
+      </nav>
+
+      {user && (
+        <div style={{ borderTop: '1px solid #e5e7eb', paddingTop: '1rem' }}>
+          <p style={{ fontSize: '0.8rem', color: '#6b7280', marginBottom: '0.5rem' }}>{user.email}</p>
+          <button
+            type="button"
+            onClick={logout}
+            style={{ fontSize: '0.85rem', cursor: 'pointer', background: 'none', border: 'none', color: '#ef4444' }}
+          >
+            Sign out
+          </button>
+        </div>
+      )}
+    </aside>
+  );
+}

From ecd02eb2ba7ce997567f2b0f05fe633bac9b265f Mon Sep 17 00:00:00 2001
From: chemicalcommando <chemicalcommando@gmail.com>
Date: Mon, 22 Jun 2026 15:02:37 +0100
Subject: [PATCH 2/2] Update layout.tsx

---
 apps/web/app/dashboard/layout.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/app/dashboard/layout.tsx b/apps/web/app/dashboard/layout.tsx
index 40ce64b..b9b56b1 100644
--- a/apps/web/app/dashboard/layout.tsx
+++ b/apps/web/app/dashboard/layout.tsx
@@ -6,16 +6,16 @@ import { Sidebar } from '../../components/Sidebar';
 import { useAuth } from '../../lib/auth-context';
 
 export default function DashboardLayout({ children }: { children: ReactNode }) {
-  const { user } = useAuth();
+  const { user, isLoading } = useAuth();
   const router = useRouter();
 
   useEffect(() => {
-    if (!user) {
+    if (!isLoading && !user) {
       router.replace('/login');
     }
-  }, [user, router]);
+  }, [isLoading, user, router]);
 
-  if (!user) return null;
+  if (isLoading || !user) return null;
 
   return (
     <div style={{ display: 'flex', minHeight: '100vh' }}>