From c76d94beb1becb502f72b8ecf2f8c9f246da7967 Mon Sep 17 00:00:00 2001
From: Mathieu Ponton <mponton@grandlyon.com>
Date: Fri, 5 Apr 2024 12:21:32 +0000
Subject: [PATCH] fix(analysis): update order of "plus d'infos" modal
---
.../ElecInfoModal.tsx | 27 +++++-----
.../__snapshots__/ElecInfoModal.spec.tsx.snap | 52 +++++++------------
src/locales/fr.json | 18 +++----
3 files changed, 44 insertions(+), 53 deletions(-)
diff --git a/src/components/Analysis/ElecHalfHourMonthlyAnalysis/ElecInfoModal.tsx b/src/components/Analysis/ElecHalfHourMonthlyAnalysis/ElecInfoModal.tsx
index de43d3fbb..f755d44ae 100644
--- a/src/components/Analysis/ElecHalfHourMonthlyAnalysis/ElecInfoModal.tsx
+++ b/src/components/Analysis/ElecHalfHourMonthlyAnalysis/ElecInfoModal.tsx
@@ -49,31 +49,34 @@ const ElecInfoModal = ({
<Icon icon={CloseIcon} size={16} />
</IconButton>
<div className="elecInfoModal">
- <div className="title text-18-bold">{t('elec_info_modal.title1')}</div>
- <div className="text">
- {t('elec_info_modal.text1-1')}
+ <div className="title text-18-bold">
+ {t('elec_info_modal.maxPowerTitle')}
+ </div>
+ <div>
+ {t('elec_info_modal.maxPowerDetails-1')}
<br />
- {t('elec_info_modal.text1-2')}
+ {t('elec_info_modal.maxPowerDetails-2')}
</div>
- <div className="title text-18-bold">{t('elec_info_modal.title2')}</div>
{offPeakHours && (
<>
<div className="title text-18-bold">
- {t('elec_info_modal.title2')}
+ {t('elec_info_modal.offPeakTitle')}
</div>
- <div className="text">
- {t('elec_info_modal.text2-1', {
+ <div>
+ {t('elec_info_modal.offPeakDetails-1', {
offPeakHours: displayedOffPeakHours,
})}
</div>
</>
)}
- <div className="text">
- {t('elec_info_modal.text3-1')}
+ <div className="title text-18-bold">
+ {t('elec_info_modal.minPowerTitle')}
+ </div>
+ <div>
+ {t('elec_info_modal.minPowerDetails-1')}
<br />
- {t('elec_info_modal.text3-2')}
+ {t('elec_info_modal.minPowerDetails-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 2c21a4d92..940eea0eb 100644
--- a/src/components/Analysis/ElecHalfHourMonthlyAnalysis/__snapshots__/ElecInfoModal.spec.tsx.snap
+++ b/src/components/Analysis/ElecHalfHourMonthlyAnalysis/__snapshots__/ElecInfoModal.spec.tsx.snap
@@ -66,38 +66,31 @@ exports[`ElecInfoModal component should be rendered correctly with off-peak hour
<div
class="title text-18-bold"
>
- elec_info_modal.title1
+ elec_info_modal.maxPowerTitle
</div>
- <div
- class="text"
- >
- elec_info_modal.text1-1
+ <div>
+ elec_info_modal.maxPowerDetails-1
<br />
- elec_info_modal.text1-2
+ elec_info_modal.maxPowerDetails-2
</div>
<div
class="title text-18-bold"
>
- elec_info_modal.title2
+ elec_info_modal.offPeakTitle
</div>
- <div
- class="title text-18-bold"
- >
- elec_info_modal.title2
+ <div>
+ elec_info_modal.offPeakDetails-1
</div>
<div
- class="text"
+ class="title text-18-bold"
>
- elec_info_modal.text2-1
+ elec_info_modal.minPowerTitle
</div>
- <div
- class="text"
- >
- elec_info_modal.text3-1
+ <div>
+ elec_info_modal.minPowerDetails-1
<br />
- elec_info_modal.text3-2
+ elec_info_modal.minPowerDetails-2
<br />
- elec_info_modal.text3-3
</div>
</div>
</div>
@@ -176,28 +169,23 @@ exports[`ElecInfoModal component should be rendered correctly without off-peak h
<div
class="title text-18-bold"
>
- elec_info_modal.title1
+ elec_info_modal.maxPowerTitle
</div>
- <div
- class="text"
- >
- elec_info_modal.text1-1
+ <div>
+ elec_info_modal.maxPowerDetails-1
<br />
- elec_info_modal.text1-2
+ elec_info_modal.maxPowerDetails-2
</div>
<div
class="title text-18-bold"
>
- elec_info_modal.title2
+ elec_info_modal.minPowerTitle
</div>
- <div
- class="text"
- >
- elec_info_modal.text3-1
+ <div>
+ elec_info_modal.minPowerDetails-1
<br />
- elec_info_modal.text3-2
+ elec_info_modal.minPowerDetails-2
<br />
- elec_info_modal.text3-3
</div>
</div>
</div>
diff --git a/src/locales/fr.json b/src/locales/fr.json
index 27bff7a7a..3736e487c 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -141,15 +141,15 @@
"window_title": "electricity-info-modal",
"button_close": "close-modal"
},
- "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": "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."
+ "maxPowerTitle": "Qu’est-ce que la puissance maximum\u00a0?",
+ "maxPowerDetails-1": "C’est la puissance maximum délivrée par tous les appareils fonctionnant au même moment dans votre logement.",
+ "maxPowerDetails-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. ",
+ "maxPowerDetails-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.",
+ "offPeakTitle": "Sur quelle base est calculé mon ratio Heures Pleines / Heures Creuses\u00a0?",
+ "offPeakDetails-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.",
+ "minPowerTitle": "Qu’est-ce que la consommation minimum\u00a0?",
+ "minPowerDetails-1": "Elle correspond à votre plus petite consommation du mois sur un créneau d'une demi-heure.",
+ "minPowerDetails-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)."
},
"auth": {
"enedissgegrandlyon": {
--
GitLab