From 1b5ff3e4d6013b42b7e19e068e9f6f16de706708 Mon Sep 17 00:00:00 2001
From: Hugo NOUTS <hnouts@grandlyon.com>
Date: Thu, 20 Jan 2022 13:00:44 +0000
Subject: [PATCH] feat(noDataModale): Modale now remind users there was a time
 with no connected meters

---
 src/components/ConsumptionVisualizer/NoDataModal.tsx  | 10 ++++++++--
 src/components/ConsumptionVisualizer/noDataModal.scss |  4 ++++
 src/locales/fr.json                                   |  7 ++++---
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/components/ConsumptionVisualizer/NoDataModal.tsx b/src/components/ConsumptionVisualizer/NoDataModal.tsx
index f6c64f7a1..b61a39f25 100644
--- a/src/components/ConsumptionVisualizer/NoDataModal.tsx
+++ b/src/components/ConsumptionVisualizer/NoDataModal.tsx
@@ -49,12 +49,18 @@ const NoDataModal: React.FC<NoDataModalProps> = ({
         <div className="text-16-normal">
           {t('consumption_visualizer.dataModal.list_title')}
         </div>
-        <div className="text-16-normal">
+        <div className="text-16-normal justified-text">
+          <span>•&nbsp;</span>
           {t('consumption_visualizer.dataModal.item1')}
         </div>
-        <div className="text-16-normal">
+        <div className="text-16-normal justified-text">
+          <span>•&nbsp;</span>
           {t('consumption_visualizer.dataModal.item2')}
         </div>
+        <div className="text-16-normal justified-text">
+          <span>•&nbsp;</span>
+          {t('consumption_visualizer.dataModal.item3')}
+        </div>
         <Button
           aria-label={t('ecogesture_info_modal.button_close')}
           onClick={handleCloseClick}
diff --git a/src/components/ConsumptionVisualizer/noDataModal.scss b/src/components/ConsumptionVisualizer/noDataModal.scss
index f2e825050..bbb047c84 100644
--- a/src/components/ConsumptionVisualizer/noDataModal.scss
+++ b/src/components/ConsumptionVisualizer/noDataModal.scss
@@ -16,4 +16,8 @@
     text-align: center;
     margin: 1rem 0;
   }
+  .justified-text {
+    display: flex;
+    justify-content: start;
+  }
 }
diff --git a/src/locales/fr.json b/src/locales/fr.json
index 25da55c77..b9337d040 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -286,9 +286,10 @@
     "aie": "Aïe !",
     "estimated": "estimés",
     "dataModal": {
-      "list_title": "2 raisons possibles :",
-      "item1": "- le lien entre Ecolyo et le fournisseur de données est rompu : une mise à jour de ce lien (en bas de la page) peut parfois résoudre ce problème.",
-      "item2": "- la mise à jour a été effectuée mais les données n'apparaissent toujours pas : le soucis vient du fournisseur de données (Enedis pour l'électricité, GRDF pour le gaz, Eau du Grand Lyon pour l'eau). Cela peut-être dû à un problème technique lié à votre compteur ou à leurs systèmes informatiques. Le mieux est de contacter directement ce partenaire pour tenter de régler le problème avec lui."
+      "list_title": "3 raisons possibles :",
+      "item1": "le lien entre Ecolyo et le fournisseur de données est rompu : une mise à jour de ce lien (en bas de la page) peut résoudre ce problème.",
+      "item2": "un problème technique chez votre gestionnaire : se connecter directement chez ce gestionnaire pour vérifier que cette donnée apparaît.",
+      "item3": "vous n'aviez tout simplement pas de compteur communicant à l'époque !"
     },
     "modal": {
       "window_title": "info estimation des prix",
-- 
GitLab