From eb075697d89cc47c0840ec1d98977bcb01128e4c Mon Sep 17 00:00:00 2001
From: Marvin Hagemeister <marvin@deno.com>
Date: Thu, 5 Oct 2023 12:25:39 +0200
Subject: [PATCH] docs: switch to partial navigation

---
 www/routes/docs/[...slug].tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/www/routes/docs/[...slug].tsx b/www/routes/docs/[...slug].tsx
index 406f406f5a0..70b4cfe3790 100644
--- a/www/routes/docs/[...slug].tsx
+++ b/www/routes/docs/[...slug].tsx
@@ -1,5 +1,5 @@
 import { Handlers, PageProps } from "$fresh/server.ts";
-import { asset, Head } from "$fresh/runtime.ts";
+import { asset, Head, Partial } from "$fresh/runtime.ts";
 import DocsSidebar from "../../components/DocsSidebar.tsx";
 import DocsTitle from "../../components/DocsTitle.tsx";
 import Footer from "../../components/Footer.tsx";
@@ -155,7 +155,7 @@ export default function DocsPage(props: PageProps<Data>) {
         <meta property="og:image" content={ogImageUrl} />
         <meta name="view-transition" content="same-origin" />
       </Head>
-      <div class="flex flex-col min-h-screen">
+      <div class="flex flex-col min-h-screen" f-client-nav>
         <Header title="docs" active="/docs" />
         <Main page={props.data.page} />
         <Footer />
@@ -192,7 +192,9 @@ function Main(props: { page: Page }) {
       </div>
       <div class="mx-auto max-w-screen-xl flex gap-6 md:gap-8">
         <DesktopSidebar page={props.page} />
-        <Content page={props.page} />
+        <Partial name="docs-main">
+          <Content page={props.page} />
+        </Partial>
       </div>
     </div>
   );