chore: remove double h1 in notion

Author: desoindx

app/(public)/contenu/comment-sensibiliser-vos-visiteurs-empreinte-carbone/page.tsx

@@ -21,7 +21,7 @@ const NewSite = async () => {
 
   return (
     <>
-      <Notion title={title} recordMap={recordMap} />
+      <Notion title={title} recordMap={recordMap} noTitle />
       <Suggestion fromLabel={title} simulatorName='des ressources de sensibilisation' />
     </>
   )

app/(public)/contenu/etiquette-carbone/page.tsx

@@ -20,7 +20,7 @@ const NewSite = async () => {
 
   return (
     <>
-      <Notion title={title} recordMap={recordMap} />
+      <Notion title={title} recordMap={recordMap} noTitle />
       <Suggestion fromLabel={title} simulatorName="de l'étiquette carbone" />
     </>
   )

app/(public)/contenu/impact-carbone-hiver-station-ski/page.tsx

@@ -21,7 +21,7 @@ const SkiPage = async () => {
 
   return (
     <>
-      <Notion title={title} recordMap={recordMap} />
+      <Notion title={title} recordMap={recordMap} noTitle />
       <Suggestion fromLabel={title} simulatorName='de ce contenu' />
     </>
   )

app/(public)/contenu/nouveau-site/page.tsx

@@ -20,7 +20,7 @@ const NewSite = async () => {
 
   return (
     <>
-      <Notion title={title} recordMap={recordMap} />
+      <Notion title={title} recordMap={recordMap} noTitle />
       <Suggestion fromLabel={title} simulatorName='du nouveau site' />
     </>
   )

app/(public)/contenu/quiz-carbone/page.tsx

@@ -21,7 +21,7 @@ const QuizCarbone = async () => {
 
   return (
     <>
-      <Notion title={title} recordMap={recordMap} />
+      <Notion title={title} recordMap={recordMap} noTitle />
       <Suggestion fromLabel={title} simulatorName='du quiz carbone' />
     </>
   )

app/(public)/contenu/semaine-mobilite-simulateur-transport-ademe/page.tsx

@@ -21,7 +21,7 @@ const NewSite = async () => {
 
   return (
     <>
-      <Notion title={title} recordMap={recordMap} />
+      <Notion title={title} recordMap={recordMap} noTitle />
       <Suggestion fromLabel={title} simulatorName='de la semaine de la mobilité' />
     </>
   )

src/components/Notion/Notion.tsx

@@ -22,18 +22,20 @@ const Notion = ({
   description,
   recordMap,
   previous,
+  noTitle,
 }: {
   title: string
   description?: string
   recordMap: ExtendedRecordMap | undefined
   previous?: { link: string; label: string }
+  noTitle?: boolean
 }) => {
   const ref = useRef<HTMLDivElement>(null)
   useEffect(() => {
     if (ref.current) {
-      improveAccessibility(ref.current)
+      improveAccessibility(ref.current, noTitle)
     }
-  }, [ref])
+  }, [ref, noTitle])
 
   return (
     <>

src/components/Notion/utils.ts

@@ -17,7 +17,7 @@ export const getNotionContentProps = unstable_cache(
   { revalidate: getRevalidate(process.env.NOTION_TABLE_REVALIDATE) }
 )
 
-export const improveAccessibility = (ref: HTMLDivElement) => {
+export const improveAccessibility = (ref: HTMLDivElement, noTitle?: boolean) => {
   const elements = ref.getElementsByTagName('svg')
   for (const element of elements) {
     element.setAttribute('alt', '')
@@ -54,4 +54,11 @@ export const improveAccessibility = (ref: HTMLDivElement) => {
   for (const fastLink of fastLinks) {
     fastLink.remove()
   }
+
+  if (noTitle) {
+    const headers = ref.getElementsByTagName('h1')
+    for (const header of headers) {
+      header.remove()
+    }
+  }
 }