fix: missing breadcrumb

Signed-off-by: Maud Royer <[email protected]>
betagouv · Oct 18, 2024 · 0618de2 · 0618de2
1 parent 749fe76
commit 0618de2
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 40 deletions.
diff --git a/src/app/(container)/medicament/[CIS]/page.tsx b/src/app/(container)/medicament/[CIS]/page.tsx
@@ -318,12 +318,15 @@ export default async function Page({
       {atcBreadcrumbs && (
         <Breadcrumb
           segments={[
-            ...atcBreadcrumbs,
-            formatSpecName(getSpecialiteGroupName(specialite)),
-          ].map((label) => ({
-            label,
-            linkProps: { href: `/rechercher?s=${label}` },
-          }))}
+            { label: "Accueil", linkProps: { href: "/" } },
+            ...[
+              ...atcBreadcrumbs,
+              formatSpecName(getSpecialiteGroupName(specialite)),
+            ].map((label) => ({
+              label,
+              linkProps: { href: `/rechercher?s=${label}` },
+            })),
+          ]}
           currentPageLabel={formatSpecName(specialite.SpecDenom01).replace(
             formatSpecName(getSpecialiteGroupName(specialite)),
             "",

diff --git a/src/app/(container)/parcourir/pathologies/[letter]/page.tsx b/src/app/(container)/parcourir/pathologies/[letter]/page.tsx
@@ -3,6 +3,7 @@ import Link from "next/link";
 import { Patho } from "@/db/pdbmMySQL/types";
 import { pdbmMySQL } from "@/db/pdbmMySQL";
 import { notFound } from "next/navigation";
+import Breadcrumb from "@codegouvfr/react-dsfr/Breadcrumb";
 
 export async function generateStaticParams(): Promise<{ letter: string }[]> {
   return pdbmMySQL
@@ -37,40 +38,46 @@ export default async function Page({
   if (!pathos || !pathos.length) return notFound();
 
   return (
-    <div className={fr.cx("fr-grid-row")}>
-      <div className={fr.cx("fr-col-md-8")}>
-        <h1 className={fr.cx("fr-h1", "fr-mb-8w")}>Liste des pathologies</h1>
-        <p className={fr.cx("fr-text--lg")}>
-          {letters.map((a) => (
-            <>
-              <Link
-                href={`/parcourir/pathologies/${a}`}
-                key={a}
-                className={fr.cx(
-                  "fr-link",
-                  "fr-link--lg",
-                  "fr-mr-3w",
-                  "fr-mb-3w",
-                )}
-              >
-                {a}
-              </Link>{" "}
-            </>
-          ))}
-        </p>
-        <ul className={fr.cx("fr-raw-list")}>
-          {pathos.map((patho, i) => (
-            <li key={i} className={fr.cx("fr-mb-1v")}>
-              <Link
-                href={`/pathologie/${patho.codePatho}`}
-                className={fr.cx("fr-link")}
-              >
-                {patho.NomPatho}
-              </Link>
-            </li>
-          ))}
-        </ul>
+    <>
+      <Breadcrumb
+        segments={[{ label: "Accueil", linkProps: { href: "/" } }]}
+        currentPageLabel="Liste des pathologies"
+      />
+      <div className={fr.cx("fr-grid-row")}>
+        <div className={fr.cx("fr-col-md-8")}>
+          <h1 className={fr.cx("fr-h1", "fr-mb-8w")}>Liste des pathologies</h1>
+          <p className={fr.cx("fr-text--lg")}>
+            {letters.map((a) => (
+              <>
+                <Link
+                  href={`/parcourir/pathologies/${a}`}
+                  key={a}
+                  className={fr.cx(
+                    "fr-link",
+                    "fr-link--lg",
+                    "fr-mr-3w",
+                    "fr-mb-3w",
+                  )}
+                >
+                  {a}
+                </Link>{" "}
+              </>
+            ))}
+          </p>
+          <ul className={fr.cx("fr-raw-list")}>
+            {pathos.map((patho, i) => (
+              <li key={i} className={fr.cx("fr-mb-1v")}>
+                <Link
+                  href={`/pathologie/${patho.codePatho}`}
+                  className={fr.cx("fr-link")}
+                >
+                  {patho.NomPatho}
+                </Link>
+              </li>
+            ))}
+          </ul>
+        </div>
       </div>
-    </div>
+    </>
   );
 }