feat: story anchors

dataforgoodfr · May 30, 2024 · a2a9c20 · a2a9c20
1 parent 74e94c9
commit a2a9c20
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/src/app/[locale]/dashboard/dashboard.tsx b/src/app/[locale]/dashboard/dashboard.tsx
@@ -173,30 +173,30 @@ const Dashboard = () => {
       </section>
 
       <section>
-        <TitleBlock title={t("sections.biodiversity.title")} />
+        <TitleBlock id="biodiversity-section" title={t("sections.biodiversity.title")} />
         <DeforestationSection />
         <EscapeSection />
       </section>
 
       <section>
-        <TitleBlock title={t("sections.health.title")} />
+        <TitleBlock id="health-section" title={t("sections.health.title")} />
         <AntibioticSection />
         <MicroplasticSection />
       </section>
 
       <section>
-        <TitleBlock title={t("sections.animals.title")} />
+        <TitleBlock id="animals-section" title={t("sections.animals.title")} />
         <StressOnshoreSection />
         <MortalityRateSection />
       </section>
 
       <section>
-        <TitleBlock title={t("sections.climate.title")} />
+        <TitleBlock id="climate-section" title={t("sections.climate.title")} />
         <CarbonSection />
       </section>
 
       <section>
-        <TitleBlock title={t("sections.social.title")} />
+        <TitleBlock id="social-section" title={t("sections.social.title")} />
         <SocialCarbonSection />
       </section>
 

diff --git a/src/app/[locale]/page.tsx b/src/app/[locale]/page.tsx
@@ -114,7 +114,7 @@ const EditoSection = () => {
     {
       title: t("edito.biodiversity.title"),
       content: t("edito.biodiversity.content"),
-      link: "/dashboard#biodiversity",
+      link: "/dashboard#biodiversity-section",
       image: {
         small: "/images/storytelling/biodiversity-hd.webp",
         medium: "/images/storytelling/biodiversity-hd.webp",
@@ -124,7 +124,7 @@ const EditoSection = () => {
     {
       title: t("edito.health.title"),
       content: t("edito.health.content"),
-      link: "/dashboard#human-health",
+      link: "/dashboard#health-section",
       image: {
         small: "/images/storytelling/health-hd.webp",
         medium: "/images/storytelling/health-hd.webp",
@@ -135,7 +135,7 @@ const EditoSection = () => {
     {
       title: t("edito.climat.title"),
       content: t("edito.climat.content"),
-      link: "/dashboard#climate",
+      link: "/dashboard#climate-section",
       image: {
         small: "/images/storytelling/climat-400.jpg",
         medium: "/images/storytelling/climat-600.jpg",
@@ -145,7 +145,7 @@ const EditoSection = () => {
     {
       title: t("edito.social.title"),
       content: t("edito.social.content"),
-      link: "/dashboard#social",
+      link: "/dashboard#social-section",
       image: {
         small: "/images/storytelling/social-400.jpg",
         medium: "/images/storytelling/social-600.jpg",
@@ -155,7 +155,7 @@ const EditoSection = () => {
     {
       title: t("edito.animals.title"),
       content: t("edito.animals.content"),
-      link: "/dashboard#animal-welfare",
+      link: "/dashboard#animals-section",
       image: {
         small: "/images/storytelling/animals-hd.webp",
         medium: "/images/storytelling/animals-hd.webp",