diff --git a/src/components/Connection/GRDFConnect/GrdfWaitConsent.scss b/src/components/Connection/GRDFConnect/GrdfWaitConsent.scss index 674d6fb8bf78182c8f98fdfc123594bf241c161c..437a5f44d142a75d0f569b5cfa157c703be0c616 100644 --- a/src/components/Connection/GRDFConnect/GrdfWaitConsent.scss +++ b/src/components/Connection/GRDFConnect/GrdfWaitConsent.scss @@ -7,6 +7,7 @@ gap: 1rem; align-items: center; text-align: center; + padding-inline: 1rem; .green { color: var(--gasColor); diff --git a/src/components/Connection/GRDFConnect/GrdfWaitConsent.tsx b/src/components/Connection/GRDFConnect/GrdfWaitConsent.tsx index be7ec4c1fe5b94289b16b1ce6a60c6789e590b33..bd8a60e41fd24aee5a4441c4899825aad8c5b150 100644 --- a/src/components/Connection/GRDFConnect/GrdfWaitConsent.tsx +++ b/src/components/Connection/GRDFConnect/GrdfWaitConsent.tsx @@ -1,10 +1,11 @@ import { Button } from '@material-ui/core' import GRDFMail from 'assets/icons/visu/onboarding/grdf-mail.svg' import StyledIcon from 'components/CommonKit/Icon/StyledIcon' +import useUserInstanceSettings from 'components/Hooks/useUserInstanceSettings' import { useI18n } from 'cozy-ui/transpiled/react/I18n' import { FluidType } from 'enums' import { FluidConnection } from 'models' -import React from 'react' +import React, { useEffect, useState } from 'react' import { updateFluidConnection } from 'store/global/global.slice' import { useAppDispatch, useAppSelector } from 'store/hooks' import './GrdfWaitConsent.scss' @@ -13,8 +14,14 @@ export const GrdfWaitConsent = () => { const { t } = useI18n() const dispatch = useAppDispatch() const { fluidStatus } = useAppSelector(state => state.ecolyo.global) + const [emailSentOn, setEmailSentOn] = useState('') + const { data: instanceSettings } = useUserInstanceSettings() const currentFluidStatus = fluidStatus[FluidType.GAS] + useEffect(() => { + setEmailSentOn(instanceSettings.email || '') + }, [instanceSettings]) + const updateKonnector = async () => { const updatedConnection: FluidConnection = { ...currentFluidStatus.connection, @@ -36,7 +43,7 @@ export const GrdfWaitConsent = () => { className="text-18-normal emailContainer" dangerouslySetInnerHTML={{ __html: t('auth.grdfgrandlyon.waiting.mailSent', { - email: 'test@test.com', + email: emailSentOn, }), }} />