From 8d7325c6f2860faa8143456cb9ebda6781631d95 Mon Sep 17 00:00:00 2001
From: Arthur Molinos <>
Date: Thu, 25 Apr 2024 12:26:31 +0200
Subject: [PATCH 1/2] =?UTF-8?q?Permet=20au=20children=20du=20Layout=20d'oc?=
 =?UTF-8?q?cuper=20la=20hauteur=20restante=20si=20n=C3=A9cessaire?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app.territoiresentransitions.react/src/app/Layout/Layout.tsx | 5 ++++-
 .../src/app/Layout/__snapshots__/Layout.stories.storyshot    | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/app.territoiresentransitions.react/src/app/Layout/Layout.tsx b/app.territoiresentransitions.react/src/app/Layout/Layout.tsx
index 5ac7030efc..9f3b735f64 100644
--- a/app.territoiresentransitions.react/src/app/Layout/Layout.tsx
+++ b/app.territoiresentransitions.react/src/app/Layout/Layout.tsx
@@ -9,7 +9,10 @@ type Props = {
 const Layout = ({children}: Props) => {
   return (
     <div className="flex flex-col h-[100vh] overflow-hidden">
-      <div id="main" className="w-full overflow-x-hidden overflow-y-auto">
+      <div
+        id="main"
+        className="flex-grow flex flex-col w-full overflow-x-hidden overflow-y-auto"
+      >
         <Header />
         {children}
         <Footer />
diff --git a/app.territoiresentransitions.react/src/app/Layout/__snapshots__/Layout.stories.storyshot b/app.territoiresentransitions.react/src/app/Layout/__snapshots__/Layout.stories.storyshot
index 7017e058a3..ccbbfef219 100644
--- a/app.territoiresentransitions.react/src/app/Layout/__snapshots__/Layout.stories.storyshot
+++ b/app.territoiresentransitions.react/src/app/Layout/__snapshots__/Layout.stories.storyshot
@@ -5,7 +5,7 @@ exports[`Storyshots app/Layout Exemple 1`] = `
   className="flex flex-col h-[100vh] overflow-hidden"
 >
   <div
-    className="w-full overflow-x-hidden overflow-y-auto"
+    className="flex-grow flex flex-col w-full overflow-x-hidden overflow-y-auto"
     id="main"
   >
     <header

From 3d2ce9f6e53ad6d0bf3d17f1f4bf4fd1258bf1d7 Mon Sep 17 00:00:00 2001
From: Arthur Molinos <>
Date: Thu, 25 Apr 2024 12:43:24 +0200
Subject: [PATCH 2/2] =?UTF-8?q?V=C3=A9rifie=20que=20l'utilisateur=20a=20bi?=
 =?UTF-8?q?en=20les=20droits=20avant=20d'afficher=20le=20tableau=20de=20bo?=
 =?UTF-8?q?rd=20de=20l'accueil=20sinon=20on=20affiche=20un=20message?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/collectivite/Accueil/Accueil.tsx    | 43 +++++++++++++++++--
 1 file changed, 40 insertions(+), 3 deletions(-)

diff --git a/app.territoiresentransitions.react/src/app/pages/collectivite/Accueil/Accueil.tsx b/app.territoiresentransitions.react/src/app/pages/collectivite/Accueil/Accueil.tsx
index 64e6f235da..369654d40f 100644
--- a/app.territoiresentransitions.react/src/app/pages/collectivite/Accueil/Accueil.tsx
+++ b/app.territoiresentransitions.react/src/app/pages/collectivite/Accueil/Accueil.tsx
@@ -1,16 +1,54 @@
 import {ReactNode} from 'react';
 import {referentielToName} from 'app/labels';
-import {useCollectiviteId} from 'core-logic/hooks/params';
 import {useProgressionReferentiel} from './data/useProgressionReferentiel';
 import EtatDesLieux from './EtatDesLieux/EtatDesLieux';
 import IndicateursCard from './IndicateursCard';
 import PlansActionCard from './PlansActionCard';
+import {useCurrentCollectivite} from 'core-logic/hooks/useCurrentCollectivite';
+import {useAuth} from 'core-logic/api/auth/AuthProvider';
 
 /**
  * Affiche la page d'accueil d'une collectivité
  */
 const Accueil = (): JSX.Element => {
-  const collectiviteId = useCollectiviteId();
+  const collectivite = useCurrentCollectivite();
+
+  const {user} = useAuth();
+
+  if (!collectivite?.collectivite_id) return <></>;
+
+  /** Vérifi que l'utilisateur peut accéder à la collectivité */
+  const hasNoAccessToCollectivite =
+    collectivite.acces_restreint &&
+    collectivite.niveau_acces === null &&
+    !user?.isSupport &&
+    !collectivite.est_auditeur;
+
+  /** S'il ne peut pas, on affiche un message */
+  if (hasNoAccessToCollectivite) {
+    return (
+      <div className="flex-grow flex">
+        <div className="m-auto text-grey-7">
+          Cette collectivité n’est pas accessible en mode visite.
+        </div>
+      </div>
+    );
+  }
+
+  /** Sinon on affiche la page.
+   * Ceci permet de ne pas appeler `useProgressionReferentiel`
+   * qui ne marche pas si l'utilisateur n'a pas les droits */
+  return (
+    <AccueilNonConfidentielle collectiviteId={collectivite.collectivite_id} />
+  );
+};
+
+/** Affiche le tableau de bord de l'accueil pour les utilisateurs avec les droits nécessaires */
+const AccueilNonConfidentielle = ({
+  collectiviteId,
+}: {
+  collectiviteId: number;
+}) => {
   const {
     caeTable: caeProgressionScore,
     eciTable: eciProgressionScore,
@@ -19,7 +57,6 @@ const Accueil = (): JSX.Element => {
     caePotentiel,
     eciPotentiel,
   } = useProgressionReferentiel();
-
   return (
     <main data-test="TableauBord" className="bg-bf975 -mb-8">
       {!!collectiviteId && (