Skip to content
Snippets Groups Projects
Commit 819af223 authored by Pierre Ecarlat's avatar Pierre Ecarlat
Browse files

feat: GRDF consent email

parent 017eeeb1
Branches
Tags
2 merge requests!11623.0 Release,!1154feat: GRDF consent email
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 { AccountGRDFData, FluidConnection } from 'models'
import React, { useEffect, useState } from 'react'
import { updateFluidConnection } from 'store/global/global.slice'
import { useAppDispatch, useAppSelector } from 'store/hooks'
......@@ -18,13 +17,9 @@ export const GrdfWaitConsent = ({
const { t } = useI18n()
const dispatch = useAppDispatch()
const { fluidStatus } = useAppSelector(state => state.ecolyo.global)
const { data: instanceSettings } = useUserInstanceSettings()
const [emailSentOn, setEmailSentOn] = useState('')
const currentFluidStatus = fluidStatus[FluidType.GAS]
useEffect(() => {
setEmailSentOn(instanceSettings.email || '')
}, [instanceSettings])
const account = currentFluidStatus.connection.account
const [consentEmail, setConsentEmail] = useState('')
const updateKonnector = async () => {
const updatedConnection: FluidConnection = {
......@@ -41,6 +36,16 @@ export const GrdfWaitConsent = ({
)
}
useEffect(() => {
if (account?.auth) {
const auth = account.auth
const authData = auth as AccountGRDFData
if (authData.email) {
setConsentEmail(authData.email)
}
}
}, [account])
return (
<div className="grdfWait">
<div className="text-18-normal">
......@@ -49,7 +54,7 @@ export const GrdfWaitConsent = ({
<div className="text-16-normal">
{t('auth.grdfgrandlyon.waiting.mailDelay')}
</div>
<span className="emailContainer">{emailSentOn}</span>
<span className="emailContainer">{consentEmail}</span>
<StyledIcon size={80} icon={GRDFMail} />
<div className="text-18-normal">
<span className="text-18-bold green">
......
......@@ -171,9 +171,7 @@ const ConnectionResult = ({
}
}
const consentError =
konnectorError === KonnectorUpdate.ERROR_CONSENT_FORM_GAS ||
konnectorError === KonnectorUpdate.ERROR_UPDATE_OAUTH
const consentError = konnectorError === KonnectorUpdate.ERROR_UPDATE_OAUTH
/**
* Get Konnector state, possible values:
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment