Skip to content
Snippets Groups Projects
Commit c76d94be authored by Mathieu Ponton's avatar Mathieu Ponton
Browse files

fix(analysis): update order of "plus d'infos" modal

parent aa50285f
Branches
Tags
2 merge requests!11623.0 Release,!1142fix(analysis): update order of "plus d'infos" modal
...@@ -49,31 +49,34 @@ const ElecInfoModal = ({ ...@@ -49,31 +49,34 @@ const ElecInfoModal = ({
<Icon icon={CloseIcon} size={16} /> <Icon icon={CloseIcon} size={16} />
</IconButton> </IconButton>
<div className="elecInfoModal"> <div className="elecInfoModal">
<div className="title text-18-bold">{t('elec_info_modal.title1')}</div> <div className="title text-18-bold">
<div className="text"> {t('elec_info_modal.maxPowerTitle')}
{t('elec_info_modal.text1-1')} </div>
<div>
{t('elec_info_modal.maxPowerDetails-1')}
<br /> <br />
{t('elec_info_modal.text1-2')} {t('elec_info_modal.maxPowerDetails-2')}
</div> </div>
<div className="title text-18-bold">{t('elec_info_modal.title2')}</div>
{offPeakHours && ( {offPeakHours && (
<> <>
<div className="title text-18-bold"> <div className="title text-18-bold">
{t('elec_info_modal.title2')} {t('elec_info_modal.offPeakTitle')}
</div> </div>
<div className="text"> <div>
{t('elec_info_modal.text2-1', { {t('elec_info_modal.offPeakDetails-1', {
offPeakHours: displayedOffPeakHours, offPeakHours: displayedOffPeakHours,
})} })}
</div> </div>
</> </>
)} )}
<div className="text"> <div className="title text-18-bold">
{t('elec_info_modal.text3-1')} {t('elec_info_modal.minPowerTitle')}
</div>
<div>
{t('elec_info_modal.minPowerDetails-1')}
<br /> <br />
{t('elec_info_modal.text3-2')} {t('elec_info_modal.minPowerDetails-2')}
<br /> <br />
{t('elec_info_modal.text3-3')}
</div> </div>
</div> </div>
</Dialog> </Dialog>
......
...@@ -66,38 +66,31 @@ exports[`ElecInfoModal component should be rendered correctly with off-peak hour ...@@ -66,38 +66,31 @@ exports[`ElecInfoModal component should be rendered correctly with off-peak hour
<div <div
class="title text-18-bold" class="title text-18-bold"
> >
elec_info_modal.title1 elec_info_modal.maxPowerTitle
</div> </div>
<div <div>
class="text" elec_info_modal.maxPowerDetails-1
>
elec_info_modal.text1-1
<br /> <br />
elec_info_modal.text1-2 elec_info_modal.maxPowerDetails-2
</div> </div>
<div <div
class="title text-18-bold" class="title text-18-bold"
> >
elec_info_modal.title2 elec_info_modal.offPeakTitle
</div> </div>
<div <div>
class="title text-18-bold" elec_info_modal.offPeakDetails-1
>
elec_info_modal.title2
</div> </div>
<div <div
class="text" class="title text-18-bold"
> >
elec_info_modal.text2-1 elec_info_modal.minPowerTitle
</div> </div>
<div <div>
class="text" elec_info_modal.minPowerDetails-1
>
elec_info_modal.text3-1
<br /> <br />
elec_info_modal.text3-2 elec_info_modal.minPowerDetails-2
<br /> <br />
elec_info_modal.text3-3
</div> </div>
</div> </div>
</div> </div>
...@@ -176,28 +169,23 @@ exports[`ElecInfoModal component should be rendered correctly without off-peak h ...@@ -176,28 +169,23 @@ exports[`ElecInfoModal component should be rendered correctly without off-peak h
<div <div
class="title text-18-bold" class="title text-18-bold"
> >
elec_info_modal.title1 elec_info_modal.maxPowerTitle
</div> </div>
<div <div>
class="text" elec_info_modal.maxPowerDetails-1
>
elec_info_modal.text1-1
<br /> <br />
elec_info_modal.text1-2 elec_info_modal.maxPowerDetails-2
</div> </div>
<div <div
class="title text-18-bold" class="title text-18-bold"
> >
elec_info_modal.title2 elec_info_modal.minPowerTitle
</div> </div>
<div <div>
class="text" elec_info_modal.minPowerDetails-1
>
elec_info_modal.text3-1
<br /> <br />
elec_info_modal.text3-2 elec_info_modal.minPowerDetails-2
<br /> <br />
elec_info_modal.text3-3
</div> </div>
</div> </div>
</div> </div>
......
...@@ -141,15 +141,15 @@ ...@@ -141,15 +141,15 @@
"window_title": "electricity-info-modal", "window_title": "electricity-info-modal",
"button_close": "close-modal" "button_close": "close-modal"
}, },
"title1": "Qu’est-ce que la consommation minimum\u00a0?", "maxPowerTitle": "Qu’est-ce que la puissance maximum\u00a0?",
"text1-1": "Elle correspond à votre plus petite consommation du mois sur un créneau d'une demi-heure.", "maxPowerDetails-1": "C’est la puissance maximum délivrée par tous les appareils fonctionnant au même moment dans votre logement.",
"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).", "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. ",
"title2": "Sur quelle base est calculé mon ratio Heures Pleines / Heures Creuses\u00a0?", "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.",
"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.", "offPeakTitle": "Sur quelle base est calculé mon ratio Heures Pleines / Heures Creuses\u00a0?",
"title3": "Qu’est-ce que la puissance maximum\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.",
"text3-1": "C’est la puissance maximum délivrée par tous les appareils fonctionnant au même moment dans votre logement.", "minPowerTitle": "Qu’est-ce que la consommation minimum\u00a0?",
"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. ", "minPowerDetails-1": "Elle correspond à votre plus petite consommation du mois sur un créneau d'une demi-heure.",
"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." "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": { "auth": {
"enedissgegrandlyon": { "enedissgegrandlyon": {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment