From 6dc33fa54736c9fdac2ddfed4af7621689f1a3ae Mon Sep 17 00:00:00 2001
From: jerem <jeremy.peglion@gmail.com>
Date: Fri, 27 Oct 2023 09:12:06 +0200
Subject: [PATCH] fix responsive

---
 .../components/chart-components/chart.js      |  2 +-
 .../components/chart-components/population.js |  2 +-
 .../components/education-index/index.js       |  4 +--
 .../components/overview/index.js              | 16 +++++----
 .../pages/country/components/profile/index.js |  6 ++--
 .../research/components/overview/index.js     | 36 +++++++++++--------
 6 files changed, 37 insertions(+), 29 deletions(-)

diff --git a/client/src/pages/country/components/chart-components/chart.js b/client/src/pages/country/components/chart-components/chart.js
index 6ac4c62..cb50a01 100644
--- a/client/src/pages/country/components/chart-components/chart.js
+++ b/client/src/pages/country/components/chart-components/chart.js
@@ -43,7 +43,7 @@ export default function Chart({ countryCode, data, hasDataHandler, otherCodes })
   hasDataHandler(true);
 
   return (
-    <Col n="6">
+    <Col n="12 md-6">
       <HighchartsReact
         highcharts={Highcharts}
         options={options}
diff --git a/client/src/pages/country/components/chart-components/population.js b/client/src/pages/country/components/chart-components/population.js
index 3fc17f3..dd2095b 100644
--- a/client/src/pages/country/components/chart-components/population.js
+++ b/client/src/pages/country/components/chart-components/population.js
@@ -30,7 +30,7 @@ export default function PopulationComponent({ data, isoCode }) {
 
   return (
     (evolution.data !== null) ? (
-      <Col n="4">
+      <Col n="12 md-4">
         <PopulationCard
           badgeLabel={lastYear}
           description={description}
diff --git a/client/src/pages/country/components/higher-education/components/education-index/index.js b/client/src/pages/country/components/higher-education/components/education-index/index.js
index 25af573..83c25c5 100644
--- a/client/src/pages/country/components/higher-education/components/education-index/index.js
+++ b/client/src/pages/country/components/higher-education/components/education-index/index.js
@@ -46,7 +46,7 @@ export default function EducationIndex({ data }) {
       <Row gutters className="fr-mb-1w">
         {
           MOYSCO.year && (
-            <Col n="6">
+            <Col n="12 md-6">
               <IndicatorCard
                 badgeLabel={MOYSCO.year}
                 indicator={getIndicator(MOYSCO)}
@@ -57,7 +57,7 @@ export default function EducationIndex({ data }) {
         }
         {
           ESPSCO.year && (
-            <Col n="6">
+            <Col n="12 md-6">
               <IndicatorCard
                 badgeLabel={ESPSCO.year}
                 indicator={getIndicator(ESPSCO)}
diff --git a/client/src/pages/country/components/higher-education/components/overview/index.js b/client/src/pages/country/components/higher-education/components/overview/index.js
index f2ce594..5f0a97c 100644
--- a/client/src/pages/country/components/higher-education/components/overview/index.js
+++ b/client/src/pages/country/components/higher-education/components/overview/index.js
@@ -15,10 +15,12 @@ export default function Overview({ data }) {
   const MOYSCO = { ...data.find((el) => el.fields.code === 'MOYSCO')?.fields };
 
   // Effectif total supérieur
-  const total = { ...data
-    // récupérer la donnée la plus récente
-    .sort((a, b) => b.fields.year - a.fields.year)
-    .find((el) => el.fields.code === '25053')?.fields };
+  const total = {
+    ...data
+      // récupérer la donnée la plus récente
+      .sort((a, b) => b.fields.year - a.fields.year)
+      .find((el) => el.fields.code === '25053')?.fields,
+  };
 
   // Effectif par domaine d'études
   for (let j = 0; j < charts.length; j += 1) {
@@ -74,7 +76,7 @@ export default function Overview({ data }) {
       <Row gutters className="fr-mb-1w">
         {
           (Object.keys(total).length !== 0) ? (
-            <Col n="4">
+            <Col n="12 md-4">
               <IndicatorCard
                 badgeLabel={total.year}
                 indicator={getIndicator(total)}
@@ -85,7 +87,7 @@ export default function Overview({ data }) {
         }
         {
           ((Object.keys(seriesCountry[0]).length !== 0) && (seriesCountry[0].value !== 0)) ? (
-            <Col n="4">
+            <Col n="12 md-4">
               <IndicatorCard
                 badgeLabel={seriesCountry[0].year}
                 indicator={getIndicator(seriesCountry[0])}
@@ -96,7 +98,7 @@ export default function Overview({ data }) {
         }
         {
           (Object.keys(MOYSCO).length !== 0) ? (
-            <Col n="4">
+            <Col n="12 md-4">
               <IndicatorCard
                 badgeLabel={MOYSCO.year}
                 indicator={getIndicator(MOYSCO)}
diff --git a/client/src/pages/country/components/profile/index.js b/client/src/pages/country/components/profile/index.js
index 262853c..24ec8cd 100644
--- a/client/src/pages/country/components/profile/index.js
+++ b/client/src/pages/country/components/profile/index.js
@@ -90,7 +90,7 @@ export default function CountryProfilePage() {
             <PopulationComponent isoCode={isoCode} data={el} key={isoCode} />
           ))}
         {Object.keys(RNB).length !== 0 ? (
-          <Col n="4">
+          <Col n="12 md-4">
             <GenericCard
               badgeLabel={RNB.year}
               indicator={getNumber(RNB)}
@@ -99,7 +99,7 @@ export default function CountryProfilePage() {
           </Col>
         ) : null}
         {Object.keys(IDH).length !== 0 ? (
-          <Col n="4">
+          <Col n="12 md-4">
             <GenericCard
               badgeLabel={IDH.year}
               indicator={getNumber(IDH)}
@@ -108,7 +108,7 @@ export default function CountryProfilePage() {
           </Col>
         ) : null}
         {Object.keys(ESPVIE).length !== 0 ? (
-          <Col n="4">
+          <Col n="12 md-4">
             <GenericCard
               badgeLabel={ESPVIE.year}
               indicator={getNumber(ESPVIE)}
diff --git a/client/src/pages/country/components/research/components/overview/index.js b/client/src/pages/country/components/research/components/overview/index.js
index 1a087b2..1ff426f 100644
--- a/client/src/pages/country/components/research/components/overview/index.js
+++ b/client/src/pages/country/components/research/components/overview/index.js
@@ -11,22 +11,28 @@ export default function Overview({ data }) {
   const ID_DIRD = 'G_XGDP';
 
   // Effectif total personnel R-D
-  const totalRD = { ...data
-    // récupérer la donnée la plus récente
-    .sort((a, b) => b.fields.year - a.fields.year)
-    .find((el) => el.fields.code === ID_TOTAL_PERSO)?.fields };
+  const totalRD = {
+    ...data
+      // récupérer la donnée la plus récente
+      .sort((a, b) => b.fields.year - a.fields.year)
+      .find((el) => el.fields.code === ID_TOTAL_PERSO)?.fields,
+  };
 
   // Total des Crédits budgétaires
-  const totalCB = { ...data
-    // récupérer la donnée la plus récente
-    .sort((a, b) => b.fields.year - a.fields.year)
-    .find((el) => el.fields.code === ID_CREDITS)?.fields };
+  const totalCB = {
+    ...data
+      // récupérer la donnée la plus récente
+      .sort((a, b) => b.fields.year - a.fields.year)
+      .find((el) => el.fields.code === ID_CREDITS)?.fields,
+  };
 
   // DIRD en % du PIB
-  const totalDIRD = { ...data
-    // récupérer la donnée la plus récente
-    .sort((a, b) => b.fields.year - a.fields.year)
-    .find((el) => el.fields.code === ID_DIRD)?.fields };
+  const totalDIRD = {
+    ...data
+      // récupérer la donnée la plus récente
+      .sort((a, b) => b.fields.year - a.fields.year)
+      .find((el) => el.fields.code === ID_DIRD)?.fields,
+  };
 
   const getIndicator = (code) => {
     if (code.code === ID_TOTAL_PERSO) {
@@ -66,7 +72,7 @@ export default function Overview({ data }) {
       <Row gutters className="fr-mb-1w">
         {
           (Object.keys(totalRD).length !== 0) ? (
-            <Col n="4">
+            <Col n="12 md-4">
               <IndicatorCard
                 badgeLabel={totalRD.year}
                 indicator={getIndicator(totalRD)}
@@ -77,7 +83,7 @@ export default function Overview({ data }) {
         }
         {
           (Object.keys(totalCB).length !== 0) ? (
-            <Col n="4">
+            <Col n="12 md-4">
               <IndicatorCard
                 badgeLabel={totalCB.year}
                 indicator={getIndicator(totalCB)}
@@ -88,7 +94,7 @@ export default function Overview({ data }) {
         }
         {
           (Object.keys(totalDIRD).length !== 0) ? (
-            <Col n="4">
+            <Col n="12 md-4">
               <IndicatorCard
                 badgeLabel={totalDIRD.year}
                 indicator={getIndicator(totalDIRD)}