From 5271a6b4970b8c083c362ec215c7a73e4a41c9bd Mon Sep 17 00:00:00 2001
From: Groom Book CTO <cto@groombook.dev>
Date: Thu, 19 Mar 2026 02:01:11 +0000
Subject: [PATCH] fix(web): render customer portal as full-page layout without
 admin nav

The /portal route was rendering inside the admin layout wrapper which
added the staff navigation bar and padding, breaking the portal's own
sidebar layout. Now /portal renders independently as a full-page app.

Co-Authored-By: Paperclip <noreply@paperclip.ing>
---
 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 />;
+}
-- 
2.52.0