From a9406a32e38d6083bf6a2d4bf616219bcf21e71b Mon Sep 17 00:00:00 2001
From: Yoan VALLET <ext.sopra.yvallet@grandlyon.com>
Date: Tue, 26 May 2020 17:15:38 +0200
Subject: [PATCH] feat: add black spinner
---
.../CommonKit/Spinner/StyledBlackSpinner.tsx | 21 +++++++++++++++++++
.../Konnector/KonnectorResult.tsx | 4 ++--
2 files changed, 23 insertions(+), 2 deletions(-)
create mode 100644 src/components/CommonKit/Spinner/StyledBlackSpinner.tsx
diff --git a/src/components/CommonKit/Spinner/StyledBlackSpinner.tsx b/src/components/CommonKit/Spinner/StyledBlackSpinner.tsx
new file mode 100644
index 000000000..677d5ed25
--- /dev/null
+++ b/src/components/CommonKit/Spinner/StyledBlackSpinner.tsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import { withStyles } from '@material-ui/core/styles'
+import MuiCircularProgress, {
+ CircularProgressProps,
+} from '@material-ui/core/CircularProgress'
+
+const SpinnerBase = withStyles({
+ root: {
+ color: 'var(--black)',
+ },
+})(MuiCircularProgress)
+
+type StyledSpinnerProps = CircularProgressProps
+
+const StyledSpinner: React.ComponentType<StyledSpinnerProps> = ({
+ ...props
+}: StyledSpinnerProps) => {
+ return <SpinnerBase {...props} />
+}
+
+export default StyledSpinner
diff --git a/src/components/ContentComponents/Konnector/KonnectorResult.tsx b/src/components/ContentComponents/Konnector/KonnectorResult.tsx
index f322a5f90..df956a677 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 Spinner from 'components/CommonKit/Spinner/Spinner'
+import StyledBlackSpinner from 'components/CommonKit/Spinner/StyledBlackSpinner '
interface KonnectorResultProps {
date: string
@@ -38,7 +38,7 @@ const KonnectorResult: React.FC<KonnectorResultProps> = ({
<div className="inline-buttons">
<StyledButton type="button" color="primary" onClick={updateKonnector}>
{updating ? (
- <Spinner size="2em" />
+ <StyledBlackSpinner size="2em" />
) : (
<div>{t('KONNECTORCONFIG.BTN_UPDATE')}</div>
)}
--
GitLab