diff --git a/src/components/CommonKit/Spinner/StyledBlackSpinner.tsx b/src/components/CommonKit/Spinner/StyledBlackSpinner.tsx index 677d5ed257f98dbc08950bb85713a0d807756fb3..3895685d0115b60dad99ffcc680ebf2a9449b38c 100644 --- a/src/components/CommonKit/Spinner/StyledBlackSpinner.tsx +++ b/src/components/CommonKit/Spinner/StyledBlackSpinner.tsx @@ -10,12 +10,12 @@ const SpinnerBase = withStyles({ }, })(MuiCircularProgress) -type StyledSpinnerProps = CircularProgressProps +type StyledBlackSpinnerProps = CircularProgressProps -const StyledSpinner: React.ComponentType<StyledSpinnerProps> = ({ +const StyledBlackSpinner: React.ComponentType<StyledBlackSpinnerProps> = ({ ...props -}: StyledSpinnerProps) => { +}: StyledBlackSpinnerProps) => { return <SpinnerBase {...props} /> } -export default StyledSpinner +export default StyledBlackSpinner diff --git a/src/components/ContentComponents/Konnector/KonnectorResult.tsx b/src/components/ContentComponents/Konnector/KonnectorResult.tsx index df956a677363bfb8886bf394be8aad4a8cc829ab..ffccef5334009ccc69c87e052f15f58932c5926d 100644 --- a/src/components/ContentComponents/Konnector/KonnectorResult.tsx +++ b/src/components/ContentComponents/Konnector/KonnectorResult.tsx @@ -2,7 +2,7 @@ import React from 'react' import { translate } from 'cozy-ui/react/I18n' import StyledButton from 'components/CommonKit/Button/StyledButton' -import StyledBlackSpinner from 'components/CommonKit/Spinner/StyledBlackSpinner ' +import StyledBlackSpinner from 'components/CommonKit/Spinner/StyledBlackSpinner' interface KonnectorResultProps { date: string diff --git a/src/components/ContentComponents/OAuth/OAuthForm.tsx b/src/components/ContentComponents/OAuth/OAuthForm.tsx index 25aafedf8e0ebed9b644dec7c02c71c47c37314c..fb8b91c0fde9a58722dd04abcb34d7277793ab24 100644 --- a/src/components/ContentComponents/OAuth/OAuthForm.tsx +++ b/src/components/ContentComponents/OAuth/OAuthForm.tsx @@ -8,6 +8,7 @@ import { OAuthWindow } from 'cozy-harvest-lib/dist/components/OAuthWindow' import iconEnedisLogo from 'assets/icons/visu/enedis-logo.svg' import StyledOauthButton from 'components/CommonKit/Button/StyledOauthButton' import StyledIcon from 'components/CommonKit/Icon/StyledIcon' +import StyledBlackSpinner from 'components/CommonKit/Spinner/StyledBlackSpinner' interface OAuthFormProps { konnector: Konnector @@ -55,7 +56,11 @@ const OAuthForm: React.FC<OAuthFormProps> = ({ > <div className="oauthform-button-content"> <div className="oauthform-button-content-icon"> - <StyledIcon icon={iconEnedisLogo} size={48} /> + {isWaiting ? ( + <StyledBlackSpinner size={48} /> + ) : ( + <StyledIcon icon={iconEnedisLogo} size={48} /> + )} </div> <div className="oauthform-button-text text-18-bold"> <div>{t('oauth.connect.' + konnector.slug + '.label1')}</div>