Ajout de l'onglet indicateurs sur les pages collectivité personnalisées

incubateur-ademe · Oct 11, 2024 · c01f88b · c01f88b
1 parent 11e85dd
commit c01f88b
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 15 deletions.
diff --git a/packages/site/app/collectivites/[code]/[name]/PageContent.tsx b/packages/site/app/collectivites/[code]/[name]/PageContent.tsx
@@ -0,0 +1,28 @@
+'use client';
+
+import { Tab, Tabs } from '@tet/ui';
+
+type PageContentType = {
+  indicateurs: JSX.Element | null;
+  programme: JSX.Element | null;
+};
+
+const PageContent = ({ indicateurs, programme }: PageContentType) => {
+  if (!indicateurs && !programme)
+    return <div className="col-span-full md:col-span-7 lg:col-span-8" />;
+
+  if (indicateurs && programme) {
+    return (
+      <Tabs
+        className="col-span-full md:col-span-7 lg:col-span-8"
+        tabsListClassName="!bg-primary-1"
+      >
+        <Tab label="Indicateurs locaux">{indicateurs}</Tab>
+        <Tab label="Programme T.E.T.E.">{programme}</Tab>
+      </Tabs>
+    );
+  } else if (indicateurs) return indicateurs;
+  else if (programme) return programme;
+};
+
+export default PageContent;
diff --git a/packages/site/app/collectivites/[code]/[name]/page.tsx b/packages/site/app/collectivites/[code]/[name]/page.tsx
@@ -17,6 +17,7 @@ import AccesCompte from './AccesCompte';
 import { getUpdatedMetadata } from '@tet/site/src/utils/getUpdatedMetadata';
 import HistoriqueLabellisation from './HistoriqueLabellisation';
 import { notFound } from 'next/navigation';
+import PageContent from './PageContent';
 
 export async function generateMetadata(
   { params }: { params: { code: string } },
@@ -141,21 +142,26 @@ const DetailCollectivite = async ({ params }: { params: { code: string } }) => {
       </div>
 
       {/* Contenu */}
-      {strapiData?.contenu ? (
-        <ContenuCollectivite contenu={strapiData.contenu} />
-      ) : strapiDefaultData ? (
-        <IndicateursCollectivite
-          defaultData={strapiDefaultData.indicateurs}
-          indicateurs={{
-            artificialisation_sols:
-              collectiviteData.collectivite.indicateur_artificialisation,
-            gaz_effet_serre:
-              collectiviteData.collectivite.indicateurs_gaz_effet_serre,
-          }}
-        />
-      ) : (
-        <div className="col-span-full md:col-span-7 lg:col-span-8" />
-      )}
+      <PageContent
+        indicateurs={
+          strapiDefaultData ? (
+            <IndicateursCollectivite
+              defaultData={strapiDefaultData.indicateurs}
+              indicateurs={{
+                artificialisation_sols:
+                  collectiviteData.collectivite.indicateur_artificialisation,
+                gaz_effet_serre:
+                  collectiviteData.collectivite.indicateurs_gaz_effet_serre,
+              }}
+            />
+          ) : null
+        }
+        programme={
+          strapiData?.contenu ? (
+            <ContenuCollectivite contenu={strapiData.contenu} />
+          ) : null
+        }
+      />
     </Section>
   );
 };