From 1136824fe37f1ef7f8a6717b7e83fab493b24923 Mon Sep 17 00:00:00 2001
From: "groombook-paperclip[bot]"
 <268890960+groombook-paperclip[bot]@users.noreply.github.com>
Date: Thu, 19 Mar 2026 02:05:08 +0000
Subject: [PATCH] fix(web): render customer portal as full-page layout without
 admin nav (#55)

fix: render customer portal as full-page layout

Separates /portal route from admin layout so the customer portal renders independently.
---
 apps/web/src/App.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/App.tsx b/apps/web/src/App.tsx
index 14a1e61..f61a751 100644
--- a/apps/web/src/App.tsx
+++ b/apps/web/src/App.tsx
@@ -20,7 +20,7 @@ const NAV_LINKS = [
   { to: "/portal", label: "Customer Portal" },
 ];
 
-export function App() {
+function AdminLayout() {
   const location = useLocation();
   return (
     <div style={{ minHeight: "100vh", fontFamily: "system-ui, sans-serif" }}>
@@ -82,9 +82,18 @@ export function App() {
           <Route path="/book" element={<BookPage />} />
           <Route path="/group-bookings" element={<GroupBookingPage />} />
           <Route path="/reports" element={<ReportsPage />} />
-          <Route path="/portal" element={<CustomerPortal />} />
         </Routes>
       </main>
     </div>
   );
 }
+
+export function App() {
+  const location = useLocation();
+
+  if (location.pathname.startsWith("/portal")) {
+    return <CustomerPortal />;
+  }
+
+  return <AdminLayout />;
+}