From 52a2177f43aa419be70ea493c51e10d4cfecabb1 Mon Sep 17 00:00:00 2001
From: Sean O'Connor <sean@soconnor.dev>
Date: Thu, 10 Sep 2026 13:48:23 -0400
Subject: [PATCH] Hide sidebar on October route

---
 src/app/layout.tsx           | 15 ++-------------
 src/components/SiteFrame.tsx | 25 +++++++++++++++++++++++++
 2 files changed, 27 insertions(+), 13 deletions(-)
 create mode 100644 src/components/SiteFrame.tsx

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index a163c02..d8a1dd5 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,8 +3,7 @@ import type { Metadata } from "next";
 import { env } from "~/env";
 import { Footer } from "~/components/Footer";
 import { Navigation } from "~/components/Navigation";
-import { Sidebar } from "~/components/Sidebar";
-import { BreadcrumbWrapper } from "~/components/BreadcrumbWrapper";
+import { SiteFrame } from "~/components/SiteFrame";
 import { BreadcrumbProvider } from "~/context/BreadcrumbContext";
 
 import { playfair } from "~/lib/fonts";
@@ -53,17 +52,7 @@ export default function RootLayout({ children }: React.PropsWithChildren) {
 
         <BreadcrumbProvider>
           <Navigation />
-          <div className="flex flex-1 flex-col pt-16 lg:flex-row">
-            <Sidebar />
-            <div className="min-w-0 flex-1 lg:pl-80">
-              <div className="mx-auto max-w-screen-xl px-4 sm:px-6 lg:pl-0 lg:pr-6">
-                <main className="p-4 pb-6 pt-6 sm:p-6 sm:pb-8 sm:pt-8">
-                  <BreadcrumbWrapper />
-                  {children}
-                </main>
-              </div>
-            </div>
-          </div>
+          <SiteFrame>{children}</SiteFrame>
         </BreadcrumbProvider>
         <Footer />
       </body>
diff --git a/src/components/SiteFrame.tsx b/src/components/SiteFrame.tsx
new file mode 100644
index 0000000..82b2257
--- /dev/null
+++ b/src/components/SiteFrame.tsx
@@ -0,0 +1,25 @@
+"use client";
+
+import { usePathname } from "next/navigation";
+import { BreadcrumbWrapper } from "~/components/BreadcrumbWrapper";
+import { Sidebar } from "~/components/Sidebar";
+import { cn } from "~/lib/utils";
+
+export function SiteFrame({ children }: React.PropsWithChildren) {
+  const pathname = usePathname();
+  const showSidebar = pathname !== "/october";
+
+  return (
+    <div className="flex flex-1 flex-col pt-16 lg:flex-row">
+      {showSidebar ? <Sidebar /> : null}
+      <div className={cn("min-w-0 flex-1", showSidebar && "lg:pl-80")}>
+        <div className="mx-auto max-w-screen-xl px-4 sm:px-6 lg:pl-0 lg:pr-6">
+          <main className="p-4 pb-6 pt-6 sm:p-6 sm:pb-8 sm:pt-8">
+            <BreadcrumbWrapper />
+            {children}
+          </main>
+        </div>
+      </div>
+    </div>
+  );
+}