diff --git a/src/components/Konnector/KonnectorModal.tsx b/src/components/Konnector/KonnectorModal.tsx index d5d9c11b1cab3e60bd2e846f0318ccfcfe78e5c5..4c0cf50f48fae3779636b23ebc1a8518ba2dfc0e 100644 --- a/src/components/Konnector/KonnectorModal.tsx +++ b/src/components/Konnector/KonnectorModal.tsx @@ -120,70 +120,6 @@ const KonnectorModal: React.FC<KonnectorModalProps> = ({ } }, [open, state]) - return ( - <Dialog - open={open} - disableEscapeKeyDown - onClose={(event, reason): void => { - event && - reason !== 'backdropClick' && - handleCloseClick(state === SUCCESS_EVENT) - }} - aria-labelledby={'accessibility-title'} - classes={{ - root: 'modal-root', - paper: 'modal-paper', - }} - > - <div id={'accessibility-title'}> - {t('konnector_modal.accessibility.window_title')} - </div> - <div className="kmodal-content"> - <div className="kmodal-info"> - <div className="konnector-config"> - {console.log('errortype', error)} - <Icon icon={errorIcon} size={48} /> - <div className="kce-picto-txt text-20-bold"> - {t('konnector_modal.error_txt')} - </div> - <div> - {t( - `konnector_modal.error_credentials_${ - isUpdating ? 'update_' : '' - }${fluidName.toLowerCase()}` - )} - </div> - {/* Show common errors */} - {!showCommonErrors && ( - <span - className="commonErrors" - onClick={() => setShowCommonErrors(true)} - > - {t('konnector_modal.show_common_error')} - </span> - )} - {showCommonErrors && ( - <div - dangerouslySetInnerHTML={{ - __html: t('konnector_modal.show_common_error_list'), - }} - /> - )} - </div> - <KonnectorModalFooter - state={state} - error={error} - fluidType={fluidType} - handleCloseClick={handleCloseClick} - handleAccountDeletion={handleAccountDeletion} - account={account} - isUpdating={isUpdating} - /> - </div> - </div> - </Dialog> - ) - return ( <Dialog open={open} @@ -245,20 +181,26 @@ const KonnectorModal: React.FC<KonnectorModalProps> = ({ </div> )} {/* Show common errors */} - {!showCommonErrors && ( - <span - className="commonErrors" - onClick={() => setShowCommonErrors(true)} - > - {t('konnector_modal.show_common_error')} - </span> - )} - {showCommonErrors && ( - <div - dangerouslySetInnerHTML={{ - __html: t('konnector_modal.show_common_error_list'), - }} - /> + {fluidType === FluidType.ELECTRICITY && ( + <> + {!showCommonErrors && ( + <span + className="commonErrors" + onClick={() => setShowCommonErrors(true)} + > + {t('konnector_modal.show_common_error')} + </span> + )} + {showCommonErrors && ( + <div + dangerouslySetInnerHTML={{ + __html: t( + 'konnector_modal.show_common_error_list' + ), + }} + /> + )} + </> )} </div> )} @@ -317,7 +259,6 @@ const KonnectorModal: React.FC<KonnectorModalProps> = ({ <div className="err-data-2"> {t('konnector_modal.error_data_2')} </div> - pwet </div> )} </> diff --git a/src/components/Konnector/konnectorModal.scss b/src/components/Konnector/konnectorModal.scss index c1fde2e65af2bbb353e2bec261aa83f470d23ebe..b1ce479590da58da1974c20346631bec2561ad11 100644 --- a/src/components/Konnector/konnectorModal.scss +++ b/src/components/Konnector/konnectorModal.scss @@ -55,6 +55,7 @@ flex-direction: column; justify-content: center; text-align: center; + gap: 1rem; .elec-fail { color: $grey-bright; margin-top: 1rem; @@ -72,12 +73,10 @@ } .kce-picto-txt { color: $red-primary; - margin: 1.25rem; } .kcs-picto-txt { color: $multi-color; - margin: 1.25rem; } .commonErrors { diff --git a/src/locales/fr.json b/src/locales/fr.json index def3431a439f1b427be1976b2f3a1180f669aba9..72fdb4363a247e10d561e3b8c9a0e5ae15ff87c4 100644 --- a/src/locales/fr.json +++ b/src/locales/fr.json @@ -777,7 +777,7 @@ "error_data_electricity": "Un problème est survenu. Vos données de consommation d’électricité ne seront pas chargées.", "error_data_water": "Un problème est survenu. Vos données de consommation d’eau ne seront pas chargées.", "error_credentials_water": "Une erreur s'est glissée dans vos identifiants de connexion. Veuillez vérifier ces éléments et tenter de vous reconnecter. L'identifiant est un numéro à 7 chiffres (différent de votre numéro de contrat).", - "error_credentials_electricity": "Vos nom et adresse ne concordent pas avec le numéro de votre compteur.", + "error_credentials_electricity": "Il semblerait que les nom(s) et adresse ne concordent pas avec le numéro de votre compteur.", "error_credentials_electricity_2": "Nous ne pouvons vous donner accès aux données de consommation.", "error_credentials_update_water": "Une erreur s'est glissée dans vos identifiants de connexion. Veuillez vérifier ces éléments et tenter de vous reconnecter.", "error_credentials_update_electricity": "Un problème a lieu lors de la récupération de vos données. Merci de supprimer votre connecteur et vous reconnecter.",