add ep link

client/src/pages/european-projects/components/pages/analysis/overview/charts/horizon-2020-participation/index.tsx

@@ -13,6 +13,7 @@ import "../styles.scss";
 export default function Horizon2020Participation() {
   const [searchParams] = useSearchParams();
   const params = [...searchParams].map(([key, value]) => `${key}=${value}`).join('&');
+  const iso2 = searchParams.get('country_code') || 'FR';
 
   const { data, isLoading } = useQuery({
     queryKey: ["european-projects", params],
@@ -49,7 +50,7 @@ export default function Horizon2020Participation() {
       <figure>
         <HighchartsReact
           highcharts={Highcharts}
-          options={options(data["funding_programme"].filter((item) => item.country_code === 'FR'))}
+          options={options(data["funding_programme"].filter((item) => item.country_code === iso2))}
         />
       </figure>
       <div className="graph-footer">

client/src/pages/european-projects/routes.tsx

@@ -31,4 +31,4 @@ export default function EuropeanProjectsRoutes() {
       </Route>
     </Routes>
   );
-}
+}

client/src/pages/home-page.tsx

@@ -135,6 +135,13 @@ export default function HomePage() {
               title="Atlas des effecifs étudiants"
               to="/atlas" />
           </Col>
+          <Col md={4}>
+            <GenericCard
+              description="Projets europeens"
+              image={<img className="fr-responsive-img" src={atlasImg} alt="" />}
+              title="Projets europeens"
+              to="/european-projects" />
+          </Col>
         </Row>
       </Container>
       <footer className="fr-footer fr-mt-5w" role="contentinfo" id="footer">

client/src/pages/integration/index.tsx

@@ -0,0 +1,20 @@
+import { useSearchParams } from "react-router-dom";
+import Template from "./template";
+
+export default function Integration() {
+  const [searchParams] = useSearchParams();
+  // const params = [...searchParams].map(([key, value]) => `${key}=${value}`).join('&');
+  const iso2 = searchParams.get('country_code') || 'FR';
+  const chartId = searchParams.get('chart_id') || null;
+  const theme = searchParams.get('theme') || 'light';
+
+  document.documentElement.setAttribute('data-fr-theme', theme);
+
+  if (!chartId) return <Template />;
+
+  return (
+    <>
+      graph {iso2}
+    </>
+  );
+}

client/src/pages/integration/template.tsx

@@ -0,0 +1,9 @@
+export default function Template() {
+  return (
+    <>
+      Aucun graph séléctionné
+      <br />
+      Lien de retuour ...
+    </>
+  );
+} 

client/src/router.tsx

@@ -4,6 +4,7 @@ import HomePage from './pages/home-page.tsx';
 import { Layout } from './layout/Layout.tsx';
 import AtlasRoutes from './pages/atlas/routes.tsx';
 import EuropeanProjectsRoutes from './pages/european-projects/routes.tsx';
+import Integration from './pages/integration/index.tsx';
 
 export default function Router() {
   return (
@@ -14,6 +15,7 @@ export default function Router() {
         <Route path="/open-alex/*" element={<div>Open Alex tab</div>} />
         <Route path="/european-projects/*" element={<EuropeanProjectsRoutes />} />
       </Route>
+      <Route path="/integration" element={<Integration />} />
       <Route path="*" element={<div>404 atlas</div>} />
     </Routes>
   );