From 397277114805f58adcf89cf284c52d60992a696c Mon Sep 17 00:00:00 2001
From: Francisco Pessano <franpessano1@gmail.com>
Date: Thu, 4 Sep 2025 11:53:28 -0300
Subject: [PATCH] feat: update layout to conditionally render header based on
 current route in RootComponent

---
 apps/web/src/routes/__root.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/routes/__root.tsx b/apps/web/src/routes/__root.tsx
index 641fc47..b9a1563 100644
--- a/apps/web/src/routes/__root.tsx
+++ b/apps/web/src/routes/__root.tsx
@@ -46,6 +46,12 @@ function RootComponent() {
     select: (s) => s.isLoading,
   });
 
+  const currentPath = useRouterState({
+    select: (s) => s.location.pathname,
+  });
+
+  const isSpaceRoute = currentPath === "/space";
+
   return (
     <>
       <HeadContent />
@@ -58,8 +64,10 @@ function RootComponent() {
         forcedTheme="dark"
         storageKey="vite-ui-theme"
       >
-        <div className="grid min-h-svh grid-rows-[auto_1fr_auto]">
-          <Header />
+        <div
+          className={`grid min-h-svh ${isSpaceRoute ? "grid-rows-[1fr_auto]" : "grid-rows-[auto_1fr_auto]"}`}
+        >
+          {!isSpaceRoute && <Header />}
           {isFetching ? <Loader /> : <Outlet />}
           <Footer />
         </div>