From c976b9b4ed546cece976bbb8758b42045a9aa4cc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9mi=20Pailharey?= <rpailharey@grandlyon.com>
Date: Fri, 15 Mar 2024 13:23:04 +0100
Subject: [PATCH] feat(analysis): change text order in modal
---
.../ElecInfoModal.tsx | 18 +++++++--------
.../__snapshots__/ElecInfoModal.spec.tsx.snap | 22 +++++++++----------
src/locales/fr.json | 12 +++++-----
3 files changed, 26 insertions(+), 26 deletions(-)
diff --git a/src/components/Analysis/ElecHalfHourMonthlyAnalysis/ElecInfoModal.tsx b/src/components/Analysis/ElecHalfHourMonthlyAnalysis/ElecInfoModal.tsx
index d90558d74..de43d3fbb 100644
--- a/src/components/Analysis/ElecHalfHourMonthlyAnalysis/ElecInfoModal.tsx
+++ b/src/components/Analysis/ElecHalfHourMonthlyAnalysis/ElecInfoModal.tsx
@@ -56,25 +56,25 @@ const ElecInfoModal = ({
{t('elec_info_modal.text1-2')}
</div>
<div className="title text-18-bold">{t('elec_info_modal.title2')}</div>
- <div className="text">
- {t('elec_info_modal.text2-1')}
- <br />
- {t('elec_info_modal.text2-2')}
- <br />
- {t('elec_info_modal.text2-3')}
- </div>
{offPeakHours && (
<>
<div className="title text-18-bold">
- {t('elec_info_modal.title3')}
+ {t('elec_info_modal.title2')}
</div>
<div className="text">
- {t('elec_info_modal.text3-1', {
+ {t('elec_info_modal.text2-1', {
offPeakHours: displayedOffPeakHours,
})}
</div>
</>
)}
+ <div className="text">
+ {t('elec_info_modal.text3-1')}
+ <br />
+ {t('elec_info_modal.text3-2')}
+ <br />
+ {t('elec_info_modal.text3-3')}
+ </div>
</div>
</Dialog>
)
diff --git a/src/components/Analysis/ElecHalfHourMonthlyAnalysis/__snapshots__/ElecInfoModal.spec.tsx.snap b/src/components/Analysis/ElecHalfHourMonthlyAnalysis/__snapshots__/ElecInfoModal.spec.tsx.snap
index 120a26734..2c21a4d92 100644
--- a/src/components/Analysis/ElecHalfHourMonthlyAnalysis/__snapshots__/ElecInfoModal.spec.tsx.snap
+++ b/src/components/Analysis/ElecHalfHourMonthlyAnalysis/__snapshots__/ElecInfoModal.spec.tsx.snap
@@ -81,23 +81,23 @@ exports[`ElecInfoModal component should be rendered correctly with off-peak hour
elec_info_modal.title2
</div>
<div
- class="text"
+ class="title text-18-bold"
>
- elec_info_modal.text2-1
- <br />
- elec_info_modal.text2-2
- <br />
- elec_info_modal.text2-3
+ elec_info_modal.title2
</div>
<div
- class="title text-18-bold"
+ class="text"
>
- elec_info_modal.title3
+ elec_info_modal.text2-1
</div>
<div
class="text"
>
elec_info_modal.text3-1
+ <br />
+ elec_info_modal.text3-2
+ <br />
+ elec_info_modal.text3-3
</div>
</div>
</div>
@@ -193,11 +193,11 @@ exports[`ElecInfoModal component should be rendered correctly without off-peak h
<div
class="text"
>
- elec_info_modal.text2-1
+ elec_info_modal.text3-1
<br />
- elec_info_modal.text2-2
+ elec_info_modal.text3-2
<br />
- elec_info_modal.text2-3
+ elec_info_modal.text3-3
</div>
</div>
</div>
diff --git a/src/locales/fr.json b/src/locales/fr.json
index 76f03a79a..38489df02 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -143,12 +143,12 @@
"title1": "Qu’est-ce que la consommation minimum\u00a0?",
"text1-1": "Elle correspond à votre plus petite consommation du mois sur un créneau d'une demi-heure.",
"text1-2": "Nous extrapolons cette consommation sur 1 mois afin vous donner un aperçu de la consommation de vos consommations électriques en veille (box, télé, chargeurs, ...) ou encore de celle, incompressible, de vos appareils de froid (frigo, congélateur).",
- "title2": "Qu’est-ce que la puissance maximum\u00a0?",
- "text2-1": "C’est la puissance maximum délivrée par tous les appareils fonctionnant au même moment dans votre logement.",
- "text2-2": "Vous avez choisi une puissance maximum dans votre offre d’électricité (3, 6 ou 9 kVA...) que vous ne devez pas dépasser pour ne pas faire sauter votre compteur. ",
- "text2-3": "Cette puissance varie d'un mois à l'autre, regardez cette valeur sur l'ensemble de l'année pour vérifier si votre puissance souscrite correspond bien à votre usage.",
- "title3": "Sur quelle base est calculé mon ratio Heures Pleines / Heures Creuses\u00a0?",
- "text3-1": "D'après Enedis, vos plages d'heures creuses sont les suivantes : %{offPeakHours}. Nous avons donc simplement calculé, à l'aide vos consommations à la demi-heure, quelle part de votre consommation est réalisée sur vos heures creuses."
+ "title2": "Sur quelle base est calculé mon ratio Heures Pleines / Heures Creuses\u00a0?",
+ "text2-1": "D'après Enedis, vos plages d'heures creuses sont les suivantes : %{offPeakHours}. Nous avons donc simplement calculé, à l'aide vos consommations à la demi-heure, quelle part de votre consommation est réalisée sur vos heures creuses.",
+ "title3": "Qu’est-ce que la puissance maximum\u00a0?",
+ "text3-1": "C’est la puissance maximum délivrée par tous les appareils fonctionnant au même moment dans votre logement.",
+ "text3-2": "Vous avez choisi une puissance maximum dans votre offre d’électricité (3, 6 ou 9 kVA...) que vous ne devez pas dépasser pour ne pas faire sauter votre compteur. ",
+ "text3-3": "Cette puissance varie d'un mois à l'autre, regardez cette valeur sur l'ensemble de l'année pour vérifier si votre puissance souscrite correspond bien à votre usage."
},
"auth": {
"enedissgegrandlyon": {
--
GitLab