From a2f7cc53436c4c53876c404d5251b2266b1ca2eb Mon Sep 17 00:00:00 2001
From: shuta13 <hollystarsun@gmail.com>
Date: Sun, 31 Dec 2023 18:57:25 +0900
Subject: [PATCH] fix: breadcrumbs

---
 src/pages/guideline/+Page.tsx |  9 +++++++++
 src/pages/posts/@id/+Page.tsx | 27 +++++++++++++++++++--------
 2 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/src/pages/guideline/+Page.tsx b/src/pages/guideline/+Page.tsx
index 7b240a4..186c11f 100644
--- a/src/pages/guideline/+Page.tsx
+++ b/src/pages/guideline/+Page.tsx
@@ -1,3 +1,4 @@
+import { Breadcrumb } from "~/components/Breadcrumb";
 import { ContactX } from "~/components/Contact";
 import { SectionHeaderCaption } from "~/components/SectionHeaderCaption";
 import {
@@ -14,6 +15,14 @@ export default function Page() {
   return (
     <div className="space-y-64 md:space-y-120">
       <section className="space-y-48">
+        <Breadcrumb
+          items={[
+            {
+              to: "/guideline",
+              label: "ガイドライン",
+            },
+          ]}
+        />
         <h2 className="text-32 font-bold">{GUIDELINE_DESCRIPTION}</h2>
         <div>
           {GUIDELINE_SUB_DESCRIPTION.map((desc, index) => (
diff --git a/src/pages/posts/@id/+Page.tsx b/src/pages/posts/@id/+Page.tsx
index 4ec0fc5..b7925cb 100644
--- a/src/pages/posts/@id/+Page.tsx
+++ b/src/pages/posts/@id/+Page.tsx
@@ -1,17 +1,28 @@
+import { Breadcrumb } from "~/components/Breadcrumb";
 import { WantedSponsor } from "~/components/WantedSponsor";
 import { usePageContext } from "~/hooks/usePageContext";
 
 export default function Page() {
   const context = usePageContext();
   return (
-    <>
-      <div
-        dangerouslySetInnerHTML={{
-          __html: context?.data?.post?.fields.body || "",
-        }}
-        className="post mb-120 border-b border-white pb-120"
-      />
+    <div className="space-y-120">
+      <section className="space-y-48">
+        <Breadcrumb
+          items={[
+            {
+              to: `/posts/${context?.routeParams?.id || ""}`,
+              label: context?.data?.post?.fields.title || "",
+            },
+          ]}
+        />
+        <div
+          dangerouslySetInnerHTML={{
+            __html: context?.data?.post?.fields.body || "",
+          }}
+          className="post border-b border-white pb-120"
+        />
+      </section>
       <WantedSponsor />
-    </>
+    </div>
   );
 }