diff --git a/src/components/Connection/EPGLConnect/EpglConnectView.tsx b/src/components/Connection/EPGLConnect/EpglConnectView.tsx index 67aeb3c09bf60ab2fa855a369c2cb980a0a1a614..a1d71344a7e195da8d2927755c2d05e35eee6e49 100644 --- a/src/components/Connection/EPGLConnect/EpglConnectView.tsx +++ b/src/components/Connection/EPGLConnect/EpglConnectView.tsx @@ -6,7 +6,7 @@ import Header from 'components/Header/Header' import useKonnectorAuth from 'components/Hooks/useKonnectorAuth' import { FluidType } from 'enums' import { AccountEPGLData } from 'models' -import React, { useCallback, useEffect, useState } from 'react' +import React, { useCallback, useEffect, useRef, useState } from 'react' import { useNavigate } from 'react-router-dom' import { useAppSelector } from 'store/hooks' import '../connection.scss' @@ -37,6 +37,11 @@ export const EpglConnectView = () => { contractConfirm: false, }) + const mainContentRef = useRef<HTMLDivElement>(null) + const focusMainContent = () => { + setTimeout(() => mainContentRef.current?.focus(), 0) + } + const [connect, update] = useKonnectorAuth(FluidType.WATER, { eglAuthData: formData, }) @@ -85,10 +90,12 @@ export const EpglConnectView = () => { if (currentStep === EpglSteps.Consent) { setLaunchConnection(true) } + focusMainContent() }, [currentStep, isNextValid]) const handlePrev = () => { setCurrentStep(prev => prev - 1) + focusMainContent() } const renderStep = (step: EpglSteps) => { @@ -108,7 +115,7 @@ export const EpglConnectView = () => { displayBackArrow={true} /> <Content> - <div className="connectView"> + <div ref={mainContentRef} className="connectView" tabIndex={-1}> <div className="stepContainer"> <FormProgress currentStep={currentStep} diff --git a/src/components/Hooks/useKonnectorAuth.tsx b/src/components/Hooks/useKonnectorAuth.tsx index b1ef1f8c2cb528598b063cb1e45a88f193cf7f32..273a6ef75d1b09ae76cc1268abce8dbf749e57a9 100644 --- a/src/components/Hooks/useKonnectorAuth.tsx +++ b/src/components/Hooks/useKonnectorAuth.tsx @@ -29,11 +29,6 @@ const formatAuthData = ({ grdfAuthData?: AccountGRDFData }): AccountEPGLData | AccountSgeData | AccountGRDFData => { if (eglAuthData) { - // const konnectorFields: AccountEPGLData = { - // contractId: eglAuthData.contractId, - // meteringId: eglAuthData.meteringId, - // } - console.log(eglAuthData) return eglAuthData // TODO could be simplified with satisfies but parser error } else if (grdfAuthData) { @@ -56,7 +51,7 @@ const formatAuthData = ({ } return konnectorFields } else { - throw new Error('Expected data but got none') + throw new Error('Expected authentification info but got none') } } diff --git a/src/locales/fr.json b/src/locales/fr.json index 8a502b3c97166a478cb94af17d757d302bb2e473..da228855b57e456afe23cb44fc4449aee1b308e7 100644 --- a/src/locales/fr.json +++ b/src/locales/fr.json @@ -870,7 +870,7 @@ "text2": "Reconfigurer mon connecteur\u00a0?", "text3": "La reconfiguration de votre connecteur passe par sa suppression et sa nouvelle installation. Vos données seront conservé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_water": "Il semblerait que le numéro de compteur ne correspond pas au numéro de contrat.", "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.",