diff --git a/src/components/Konnector/KonnectorModal.tsx b/src/components/Konnector/KonnectorModal.tsx index 6796da60af91e44930b4132117a7ba45773a33ae..ea098e2d3141bb00fe6b337f29166da6f90aa9b1 100644 --- a/src/components/Konnector/KonnectorModal.tsx +++ b/src/components/Konnector/KonnectorModal.tsx @@ -98,6 +98,33 @@ const KonnectorModal: React.FC<KonnectorModalProps> = ({ ) }, [firstConnectionWaitingTexts, index, isLogging, t]) + /** Returns connection success contents, depending on the fluid and update status */ + const connectionSuccessContent = () => ( + <div className="konnector-config"> + <Icon icon={successIcon} size={48} /> + <div className="kcs-picto-txt text-20-bold"> + {t(`konnector_modal.success_${isUpdating ? 'update_' : ''}txt`)} + </div> + <b> + {t( + `konnector_modal.success_data_${ + isUpdating ? 'update_' : '' + }${fluidName.toLowerCase()}` + )} + </b> + <p + style={{ fontWeight: 400 }} + dangerouslySetInnerHTML={{ + __html: t( + `konnector_modal.success_data_additional_${ + isUpdating ? 'update_' : '' + }${fluidName.toLowerCase()}` + ), + }} + /> + </div> + ) + useEffect(() => { const interval = setInterval(() => { if (open && !state) { @@ -236,20 +263,7 @@ const KonnectorModal: React.FC<KonnectorModalProps> = ({ )} </> )} - {state === SUCCESS_EVENT && ( - // SUCCESS CASE - <div className="konnector-config"> - <Icon icon={successIcon} size={48} /> - <div className="kcs-picto-txt text-20-bold"> - {t('konnector_modal.success_txt')} - </div> - {t( - `konnector_modal.success_data_${ - isUpdating ? 'update_' : '' - }${fluidName.toLowerCase()}` - )} - </div> - )} + {state === SUCCESS_EVENT && connectionSuccessContent()} <KonnectorModalFooter state={state} error={error} diff --git a/src/locales/fr.json b/src/locales/fr.json index fcf5f1b82b34a385ae9bd9bda04b414630494abb..c2a865b22a7e2c0a0dceb47bc6442c4b50ec8b92 100644 --- a/src/locales/fr.json +++ b/src/locales/fr.json @@ -775,9 +775,16 @@ "success_data_electricity": "Vos données de consommation d'électricité sont maintenant connectées à Ecolyo.", "success_data_water": "Vos données de consommation d'eau sont maintenant connectées à Ecolyo.", "success_data_gas": "Vos données de consommation de gaz sont maintenant connectées à Ecolyo.", - "success_data_update_electricity": "Vos données de consommation d'électricité sont maintenant à jour dans Ecolyo.", - "success_data_update_water": "Vos données de consommation d'eau sont maintenant à jour dans Ecolyo.", - "success_data_update_gas": "Vos données de consommation de gaz sont maintenant à jour dans Ecolyo.", + "success_data_additional_electricity": "Les données de consommations mettent entre un et deux jours pour arriver.", + "success_data_additional_water": "Les données de consommations mettent entre trois et cinq jours pour arriver.", + "success_data_additional_gas": "Les données de consommations mettent entre trois et cinq jours pour arriver.", + "success_update_txt": "Connexion réussie !", + "success_data_update_electricity": "Ecolyo est bien connecté à votre compteur d'électricité.", + "success_data_update_water": "Ecolyo est bien connecté à votre compteur d'eau.", + "success_data_update_gaz": "Ecolyo est bien connecté à votre compteur de gaz.", + "success_data_additional_update_electricity": "Sachez que la donnée de consommation d'électricité arrive entre J+1 et J+2.<br /><br />S'il vous manque encore des données, c'est qu'elles n'ont pas encore été mises à disposition par le gestionnaire de votre compteur. Merci pour votre patience\u00a0!", + "success_data_additional_update_water": "Sachez que la donnée de consommation d'eau arrive entre J+3 et J+5.<br /><br />S'il vous manque encore des données, c'est qu'elles n'ont pas encore été mises à disposition par le gestionnaire de votre compteur. Merci pour votre patience\u00a0!", + "success_data_additional_update_gas": "Sachez que la donnée de consommation de gaz arrive entre J+3 et J+5.<br /><br />S'il vous manque encore des données, c'est qu'elles n'ont pas encore été mises à disposition par le gestionnaire de votre compteur. Merci pour votre patience\u00a0!", "error_txt": "Aïe !", "mismatch": { "title": "Vos données n'ont pas pu être récupérées.",