diff --git a/config.json b/config.json index 97b6afd35d485ef36d3b7a831733288265a4bed6..26c228945ddd7a59c627c254d1b3dda9d8a9dcb6 100644 --- a/config.json +++ b/config.json @@ -34,7 +34,7 @@ "konnectorConfig": { "name": "GRDF", "type": "GAS", - "oauth": false, + "oauth": true, "slug": "grdfgrandlyon" }, "siteLink": "https://monespace.grdf.fr/monespace/connexion" diff --git a/src/components/Connection/OAuthForm.tsx b/src/components/Connection/OAuthForm.tsx index 9ecad5641df43de6cb1d61dc61080f7dae8f7b50..bf68d6ad2946237984910189363dd9334baab1ac 100644 --- a/src/components/Connection/OAuthForm.tsx +++ b/src/components/Connection/OAuthForm.tsx @@ -2,10 +2,14 @@ import React, { useState } from 'react' import { useI18n } from 'cozy-ui/transpiled/react/I18n' import { useClient } from 'cozy-client' +import { FluidType } from 'enum/fluid.enum' import { Konnector } from 'models' +import ConfigService from 'services/fluidConfig.service' import { OAuthWindow } from 'cozy-harvest-lib/dist/components/OAuthWindow' import iconEnedisLogo from 'assets/icons/visu/enedis-logo.svg' +import iconGrdfLogo from 'assets/icons/visu/grdf-logo.svg' +import iconEglLogo from 'assets/icons/visu/egl-logo.svg' import StyledAuthButton from 'components/CommonKit/Button/StyledAuthButton' import StyledIcon from 'components/CommonKit/Icon/StyledIcon' import StyledBlackSpinner from 'components/CommonKit/Spinner/StyledBlackSpinner' @@ -44,6 +48,15 @@ const OAuthForm: React.FC<OAuthFormProps> = ({ endOAuth() } + const fluidconfig = new ConfigService().getFluidConfig() + const icon = + konnector.slug === fluidconfig[FluidType.ELECTRICITY].konnectorConfig.slug + ? iconEnedisLogo + : konnector.slug === fluidconfig[FluidType.GAS].konnectorConfig.slug + ? iconGrdfLogo + : konnector.slug === fluidconfig[FluidType.WATER].konnectorConfig.slug + ? iconEglLogo + : '' const isWaiting = status === WAITING return !konnector ? null : ( <> @@ -58,7 +71,7 @@ const OAuthForm: React.FC<OAuthFormProps> = ({ {isWaiting ? ( <StyledBlackSpinner size={48} /> ) : ( - <StyledIcon icon={iconEnedisLogo} size={48} /> + <StyledIcon icon={icon} size={48} /> )} </div> <div className="authform-button-text text-18-bold">