Change color LoadingComponent

mfrosi · Jul 12, 2024 · 672d1dd · 672d1dd
1 parent a155228
commit 672d1dd
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/rair-front/src/components/common/LoadingComponent.tsx b/rair-front/src/components/common/LoadingComponent.tsx
@@ -1,17 +1,24 @@
 import { CircularProgress } from '@mui/material';
+import { useSelector } from 'react-redux';
+import { RootState } from '../../ducks';
+import { ColorStoreType } from '../../ducks/colors/colorStore.types';
 
 const LoadingComponent = ({ size = 100, classes = 'list-wrapper-empty' }) => {
+  const { iconColor } =
+    useSelector<RootState, ColorStoreType>((store) => store.colorStore);
+
   return (
     <div className={classes}>
       {import.meta.env.VITE_TESTNET === 'true' ? (
         <CircularProgress
-          sx={{ color: 'var(--hot-drops-light)' }}
+          sx={{ color: `${iconColor === '#1486c5' ? '#F95631' : iconColor}` }}
           size={size}
           thickness={4.6}
         />
       ) : (
         <CircularProgress
-          sx={{ color: '#E882D5' }}
+          sx={{ color: `${
+            iconColor === '#1486c5' ? '#E882D5' : iconColor}` }}
           size={size}
           thickness={4.6}
         />