ChatFormをsectionのほうに移動

Author: na-trium-144

app/[docs_id]/page.tsx

@@ -1,5 +1,4 @@
 import { notFound } from "next/navigation";
-import { ChatForm } from "./chatForm";
 import { getCloudflareContext } from "@opennextjs/cloudflare";
 import { readFile } from "node:fs/promises";
 import { join } from "node:path";
@@ -38,7 +37,6 @@ export default async function Page({
       {splitMdContent.map((section, index) => (
         <Section key={index} section={section} />
       ))}
-      <ChatForm />
     </div>
   );
 }

app/[docs_id]/section.tsx

@@ -3,14 +3,16 @@
 import { ReactNode } from "react";
 import { type MarkdownSection } from "./splitMarkdown";
 import { StyledMarkdown } from "./markdown";
+import { ChatForm } from "./chatForm";
 
 // 1つのセクションのタイトルと内容を表示する。内容はMarkdownとしてレンダリングする
 export function Section({ section }: { section: MarkdownSection }) {
   return (
-    <>
+    <div>
       <Heading level={section.level}>{section.title}</Heading>
       <StyledMarkdown content={section.content} />
-    </>
+      <ChatForm />
+    </div>
   );
 }