feat(web): add contents for CO2 subsection and Jobs subsection descri…

…ptive modals
incubateur-ademe · Jan 20, 2025 · 2086b95 · 2086b95
1 parent 6bb3a2b
commit 2086b95
Show file tree

Hide file tree

Showing 4 changed files with 69 additions and 18 deletions.
diff --git a/...project-page/impacts/impact-description-modals/environmental/Co2SubSectionDescription.tsx b/...project-page/impacts/impact-description-modals/environmental/Co2SubSectionDescription.tsx
@@ -0,0 +1,35 @@
+import ModalContent from "../shared/ModalContent";
+import ModalHeader from "../shared/ModalHeader";
+import { mainBreadcrumbSection } from "./breadcrumbSections";
+
+const Co2SubSectionDescription = () => {
+  return (
+    <>
+      <ModalHeader
+        title="Impacts sur le CO2-eq"
+        breadcrumbSegments={[mainBreadcrumbSection, { label: "Impacts sur le CO2-eq" }]}
+      />
+      <ModalContent>
+        <p>
+          La réalisation du projet a des conséquences sur les émissions de CO2 pour plusieurs
+          raisons, le cas échéant du fait : Dans ce dernier cas, il est possible de calculer une
+          équivalence exprimée en nombre de foyers alimentés.
+        </p>
+        <ul>
+          <li>
+            du changement d’affectation des sols (ces derniers ayant une pouvoir de stockage de
+            carbone variable selon leur type), par exemple via la désimperméabilisation puis
+            renaturation,
+          </li>
+          <li>
+            de la réduction des déplacements, par exemple par la création de fonctions urbaines en
+            coeur de ville et non en périphérie,
+          </li>
+          <li>de la création de capacités de production d’énergies renouvelables. </li>
+        </ul>
+      </ModalContent>
+    </>
+  );
+};
+
+export default Co2SubSectionDescription;
diff --git a/...project-page/impacts/impact-description-modals/environmental/EnvironmentalModalWizard.tsx b/...project-page/impacts/impact-description-modals/environmental/EnvironmentalModalWizard.tsx
@@ -11,9 +11,9 @@ import {
 import ImpactInProgressDescriptionModal from "../ImpactInProgressDescriptionModal";
 import { EnvironmentSubSectionName } from "../ImpactModalDescriptionContext";
 import { ImpactsData, ProjectData, SiteData } from "../ImpactModalDescriptionProvider";
+import Co2SubSectionDescription from "./Co2SubSectionDescription";
 import EnvironmentalMainDescription from "./EnvironmentalMainDescription";
 import {
-  co2BreadcrumbSection,
   getSubSectionBreadcrumb,
   mainBreadcrumbSection,
   soilsBreadcrumbSection,
@@ -48,14 +48,7 @@ export function EnvironmentalModalWizard({
   if (!impactName) {
     switch (impactSubSectionName) {
       case "co2":
-        return (
-          <ImpactInProgressDescriptionModal
-            title={co2BreadcrumbSection.label}
-            breadcrumbProps={{
-              section: mainBreadcrumbSection,
-            }}
-          />
-        );
+        return <Co2SubSectionDescription />;
       case "soils":
         return (
           <ImpactInProgressDescriptionModal

diff --git a/...views/project-page/impacts/impact-description-modals/social/JobsSubSectionDescription.tsx b/...views/project-page/impacts/impact-description-modals/social/JobsSubSectionDescription.tsx
@@ -0,0 +1,30 @@
+import ModalContent from "../shared/ModalContent";
+import ModalHeader from "../shared/ModalHeader";
+import { mainBreadcrumbSection } from "./breadcrumbSections";
+
+const JobsSubSectionDescription = () => {
+  return (
+    <>
+      <ModalHeader
+        title="Impacts sur l'emploi"
+        breadcrumbSegments={[mainBreadcrumbSection, { label: "Impacts sur l'emploi" }]}
+      />
+      <ModalContent>
+        <p>
+          La concrétisation du projet nécessite généralement une activité économique qui va
+          impliquer des emplois, au minimum de manière transitoire pour la remise en état du site
+          (déconstruction, dépollution, etc.) et pour les étapes d’aménagement et/ou de
+          construction.
+        </p>
+        <p>
+          Ensuite, en cas de finalité économique du projet (ex : services de proximité, bureaux,
+          réindustrialisation), des emplois pourront être pérennisés (ex: déménagement d’entreprise)
+          ou crées (ex : nouvelle implantation ou besoin d’entretien d’équipements notamment
+          photovoltaïque).
+        </p>
+      </ModalContent>
+    </>
+  );
+};
+
+export default JobsSubSectionDescription;
diff --git a/...rojects/views/project-page/impacts/impact-description-modals/social/SocialModalWizard.tsx b/...rojects/views/project-page/impacts/impact-description-modals/social/SocialModalWizard.tsx
@@ -7,12 +7,12 @@ import { getSocialImpactLabel } from "../../getImpactLabel";
 import ImpactInProgressDescriptionModal from "../ImpactInProgressDescriptionModal";
 import { SocialSubSectionName } from "../ImpactModalDescriptionContext";
 import { ProjectData, SiteData } from "../ImpactModalDescriptionProvider";
+import JobsSubSectionDescription from "./JobsSubSectionDescription";
 import SocialMainDescription from "./SocialMainDescription";
 import AvoidedVehiculeKilometersDescription from "./avoided-vehicule-kilometers/AvoidedVehiculeKilometersDescription";
 import {
   frenchSocietyBreadcrumbSection,
   getSubSectionBreadcrumb,
-  jobsBreadcrumbSection,
   localPeopleBreadcrumbSection,
   mainBreadcrumbSection,
 } from "./breadcrumbSections";
@@ -50,14 +50,7 @@ export function SocialModalWizard({
           />
         );
       case "jobs":
-        return (
-          <ImpactInProgressDescriptionModal
-            title={jobsBreadcrumbSection.label}
-            breadcrumbProps={{
-              section: mainBreadcrumbSection,
-            }}
-          />
-        );
+        return <JobsSubSectionDescription />;
       case "local_people":
         return (
           <ImpactInProgressDescriptionModal