fix: remove liens evitement mobile

SocialGouv · Oct 23, 2024 · 345b2c3 · 345b2c3
1 parent 71866d1
commit 345b2c3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/app/(connected)/layout.tsx b/app/(connected)/layout.tsx
@@ -32,9 +32,9 @@ export default async function LayoutWhenConnected({
 
   return (
     <>
-      <LiensEvitement />
-
       <AppContextProviders conseiller={conseiller} portefeuille={portefeuille}>
+        <LiensEvitement />
+
         {children}
       </AppContextProviders>
 

diff --git a/components/LiensEvitement.tsx b/components/LiensEvitement.tsx
@@ -4,11 +4,14 @@ import { usePathname } from 'next/navigation'
 import React, { useEffect, useRef, useState } from 'react'
 
 import { ID_CHAT, ID_CONTENU, ID_MENU } from 'components/globals'
+import { useMobileViewport } from 'utils/mobileViewportContext'
 
 export default function LiensEvitement() {
   const pathname = usePathname()
   const refContainer = useRef<HTMLDivElement>(null)
 
+  const isMobileViewport = useMobileViewport()
+
   const [pageTitle, setPageTitle] = useState<string>()
   const [pageHasChatAside, setPageHasChatAside] = useState<boolean>(false)
 
@@ -26,6 +29,8 @@ export default function LiensEvitement() {
     setPageHasChatAside(Boolean(document.getElementById(ID_CHAT)))
   }, [pageTitle])
 
+  if (isMobileViewport) return null
+
   return (
     <>
       <div ref={refContainer} tabIndex={-1} className='sr-only'>