feat(ep/erc): separation entités / porteurs

Author: jerem1508

client/src/boards/european-projects/i18n-global.json

@@ -388,11 +388,15 @@
     "en": "Participants success rate by country"
   },
   "entities": {
-    "fr": "Entités/porteurs",
-    "en": "Entities/holders"
+    "fr": "Entités",
+    "en": "Entities"
   },
   "country-entities": {
     "fr": "Entités du pays",
     "en": "Country entities"
+  },
+  "pi": {
+    "fr": "Porteurs de projets",
+    "en": "Project holders"
   }
 }

client/src/boards/european-projects/pages/erc/components/TabsContent.tsx

@@ -5,6 +5,7 @@ import SyntheseContent from "./tabs/SyntheseContent";
 import PositionnementContent from "./tabs/PositionnementContent";
 import EvolutionContent from "./tabs/EvolutionContent";
 import EntitiesContent from "./tabs/EntitiesContent";
+import PiContent from "./tabs/PiContent";
 
 export default function TabsContent() {
   const [searchParams, setSearchParams] = useSearchParams();
@@ -17,7 +18,7 @@ export default function TabsContent() {
   }
 
   // Fonction pour changer d'onglet
-  const handleTabChange = (newTab: "synthesis" | "positioning" | "evolution" | "entities") => {
+  const handleTabChange = (newTab: "synthesis" | "positioning" | "evolution" | "entities" | "pi") => {
     const newParams = new URLSearchParams(searchParams);
     newParams.set("section", newTab);
     setSearchParams(newParams);
@@ -63,6 +64,18 @@ export default function TabsContent() {
               {getIntlLabel("entities")}
             </button>
           </li>
+          <li className="fr-nav__item">
+            <button
+              className="fr-nav__link"
+              onClick={(e) => {
+                e.preventDefault();
+                handleTabChange("pi");
+              }}
+              aria-current={activeTab === "pi" ? "page" : undefined}
+            >
+              {getIntlLabel("pi")}
+            </button>
+          </li>
           <li className="fr-nav__item">
             <button
               className="fr-nav__link"
@@ -81,6 +94,7 @@ export default function TabsContent() {
         {activeTab === "synthesis" && <SyntheseContent />}
         {activeTab === "positioning" && <PositionnementContent />}
         {activeTab === "entities" && <EntitiesContent />}
+        {activeTab === "pi" && <PiContent />}
         {activeTab === "evolution" && <EvolutionContent />}
       </div>
     </div>

client/src/boards/european-projects/pages/erc/components/tabs/EntitiesContent.tsx

@@ -1,8 +1,5 @@
 import ErcMainEntities from "../../charts/main-entities";
 import ErcDomainPanelEntities from "../../charts/domain-panel-entities";
-import ErcGenderByDestination from "../../charts/gender-by-destination";
-import ErcGenderEvolution from "../../charts/gender-evolution";
-import ErcGenderByDomain from "../../charts/gender-by-domain";
 
 export default function EntitiesContent() {
   return (
@@ -13,15 +10,6 @@ export default function EntitiesContent() {
       <div className="fr-my-5w">
         <ErcDomainPanelEntities />
       </div>
-      <div className="fr-my-5w">
-        <ErcGenderByDestination />
-      </div>
-      <div className="fr-my-5w">
-        <ErcGenderEvolution />
-      </div>
-      <div className="fr-my-5w">
-        <ErcGenderByDomain />
-      </div>
     </div>
   );
 }

client/src/boards/european-projects/pages/erc/components/tabs/PiContent.tsx

@@ -0,0 +1,19 @@
+import ErcGenderByDestination from "../../charts/gender-by-destination";
+import ErcGenderEvolution from "../../charts/gender-evolution";
+import ErcGenderByDomain from "../../charts/gender-by-domain";
+
+export default function PiContent() {
+  return (
+    <div>
+      <div className="fr-my-5w">
+        <ErcGenderByDestination />
+      </div>
+      <div className="fr-my-5w">
+        <ErcGenderEvolution />
+      </div>
+      <div className="fr-my-5w">
+        <ErcGenderByDomain />
+      </div>
+    </div>
+  );
+}