Merge pull request #49 from PHS-TSA/partial-csr

Fix Missing Partial Island Warning
PHS-TSA · May 9, 2024 · c3af851 · c3af851
2 parents 204832f + a6d9304
commit c3af851
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/src/routes/_app.tsx b/src/routes/_app.tsx
@@ -1,4 +1,4 @@
-import { Head, asset } from "$fresh/runtime.ts";
+import { Head, Partial, asset } from "$fresh/runtime.ts";
 import type { PageProps } from "$fresh/server.ts";
 import type { JSX } from "preact";
 import {
@@ -71,7 +71,9 @@ export default function App({ Component }: PageProps): JSX.Element {
       </Head>
 
       <body f-client-nav class="dark:bg-slate-950 dark:text-slate-50">
-        <Component />
+        <Partial name="body">
+          <Component />
+        </Partial>
       </body>
     </html>
   );

diff --git a/src/routes/_layout.tsx b/src/routes/_layout.tsx
@@ -1,4 +1,3 @@
-import { Partial } from "$fresh/runtime.ts";
 import type { PageProps } from "$fresh/server.ts";
 import type { JSX } from "preact";
 import { Footer } from "../components/Footer.tsx";
@@ -16,10 +15,8 @@ import { Chatbot } from "../islands/Chatbot.tsx";
 export default function Layout({ Component, url }: PageProps): JSX.Element {
   return (
     <div class="flex min-h-screen flex-col place-content-center">
-      <Partial name="body">
-        <Header active={url.pathname} />
-        <Component />
-      </Partial>
+      <Header active={url.pathname} />
+      <Component />
       <Chatbot class="fixed right-3 bottom-10 sm:right-10" />
       <Footer class="mt-auto" />
     </div>