diff --git a/src/components/ContentComponents/OldFluidDataModal/OldFluidDataModal.tsx b/src/components/ContentComponents/OldFluidDataModal/OldFluidDataModal.tsx index 76439ea92d477bf8197cfffd1191f236b7bd3aad..bfab06a28b5e40384faacf30dfc63fd418a4d132 100644 --- a/src/components/ContentComponents/OldFluidDataModal/OldFluidDataModal.tsx +++ b/src/components/ContentComponents/OldFluidDataModal/OldFluidDataModal.tsx @@ -36,7 +36,7 @@ const OldFluidDataModal: React.FC<OldFluidDataModalProps> = ({ erroredKonnectors.push(fluid.fluidType) } }) - if (erroredKonnectors !== []) setkonnectorError(true) + if (erroredKonnectors.length > 0) setkonnectorError(true) } const redirectTrue = () => { @@ -59,37 +59,38 @@ const OldFluidDataModal: React.FC<OldFluidDataModalProps> = ({ <div className="od-content"> <div className="od-warning"> <StyledIcon icon={WarnCross} size={40} /> - <p>Aie ! </p> + <p>{t('modalOldData.errorTxt')}</p> </div> - <p className="od-main"> {t('modalData.oldData')}</p> + <p className="od-main"> {t('modalOldData.oldData')}</p> {konnectorError ? ( <div className="verifyState"> - <p>{t('modalData.verify')}</p> + <p>{t('modalOldData.verify')}</p> <ul className="od-konnectorsList"> {erroredKonnectors.map((err, index) => { return ( <li key={index}> - {err === 0 && t('modalData.elec')} - {err === 1 && t('modalData.water')} - {err === 2 && t('modalData.gas')} + {err === FluidType.ELECTRICITY && + t('FLUID.ELECTRICITY.LABEL')} + {err === FluidType.WATER && t('FLUID.WATER.LABEL')} + {err === FluidType.GAS && t('FLUID.GAS.LABEL')} </li> ) })} </ul> <div className="buttons"> <StyledStopButton color="secondary" onClick={handleCloseClick}> - {t('modalData.later')} + {t('modalOldData.later')} </StyledStopButton> <StyledButton onClick={redirectTrue}> - {t('modalData.accessButton')} + {t('modalOldData.accessButton')} {redirectToKonnectors()} </StyledButton> </div> </div> ) : ( <div className="providerProblem"> - <p>{t('modalData.problem')}</p> - <p>{t('modalData.contact')}</p> + <p>{t('modalOldData.problem')}</p> + <p>{t('modalOldData.contact')}</p> <StyledButton onClick={handleCloseClick}>Ok</StyledButton> </div> )} diff --git a/src/locales/fr.json b/src/locales/fr.json index e7380855aa79ecc78a141c0629e15cdad5c73dc3..9a5256e1425c2eb16e4719cb3683c130ba0111b0 100644 --- a/src/locales/fr.json +++ b/src/locales/fr.json @@ -283,15 +283,13 @@ "error_empty_description": "Le champ de description est vide.", "error_sending": "Erreur lors de l'envoi, veuillez essayer ultérieurement." }, - "modalData": { + "modalOldData": { + "errorTxt": "Aïe !", "oldData": "Vos données semblent anciennes", "verify": "Veuillez vérifier l’état de vos connecteurs : ", "problem": "Vos connecteurs semblent bien connectés, il se peut qu’il y ait un problème au niveau de votre fournisseur de données (Enedis, GRDF, Eau du GrandLyon)", "contact": "Veuillez prendre contact directement avec eux.", "accessButton": "Accéder aux connecteurs", - "later": "Plus tard", - "elec": "Electricité", - "water": "Eau", - "gas": "Gaz" + "later": "Plus tard" } }