From 5676dd9d3b22e2eef7857e20f0e96c99e0458e08 Mon Sep 17 00:00:00 2001
From: ginifizz <laury@les-tilleuls.coop>
Date: Mon, 16 Sep 2024 12:07:06 +0200
Subject: [PATCH] feat: add anchor to schedule

---
 .../con/[edition]/schedule/components/ScheduleDay.tsx        | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/pwa/app/(con)/[locale]/con/[edition]/schedule/components/ScheduleDay.tsx b/pwa/app/(con)/[locale]/con/[edition]/schedule/components/ScheduleDay.tsx
index 0dcb9e4f2..90c68b214 100644
--- a/pwa/app/(con)/[locale]/con/[edition]/schedule/components/ScheduleDay.tsx
+++ b/pwa/app/(con)/[locale]/con/[edition]/schedule/components/ScheduleDay.tsx
@@ -7,6 +7,7 @@ import Overline from "components/con/common/typography/Overline";
 import styles from "./ScheduleDay.module.css";
 import classNames from "classnames";
 import { LanguageContext } from "contexts/con/LanguageContext";
+import { slugify } from "utils";
 
 function ExtraSlotItem({ conference }: { conference: ExtraConference }) {
   const { locale } = useContext(LanguageContext);
@@ -89,11 +90,15 @@ export default function ScheduleDay({
     return acc;
   }, [] as string[]);
 
+  const daySlug = slugify(day.title?.[locale] || '');
+
   return day ? (
     <div className="mb-14 last:mb-0" key={day.title?.[locale]}>
+      <a id={daySlug} href={`#${daySlug}`} className='block -mt-24 pt-24'>
       <h2 className="text-white font-title text-4xl font-bold">
         {day.title?.[locale]}
       </h2>
+      </a>
       <Overline className="text-white/80 py-2">
         {" "}
         {getConferenceDate(day.date)}