Merge branch 'features/US253-grdf-oauth' into 'dev'

Features/us253 grdf oauth

See merge request web-et-numerique/llle_project/ecolyo!133

config.json

@@ -34,7 +34,7 @@
       "konnectorConfig": {
         "name": "GRDF",
         "type": "GAS",
-        "oauth": false,
+        "oauth": true,
         "slug": "grdfgrandlyon"
       },
       "siteLink": "https://monespace.grdf.fr/monespace/connexion"

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">