Add extra props to progress bar, Update usage

1 files changed, 12 insertions, 1 deletions

diff --git a/src/components/moments/MomentUploadProgressBar.tsx b/src/components/moments/MomentUploadProgressBar.tsx
index d56a8337..82f46c58 100644
--- a/src/components/moments/MomentUploadProgressBar.tsx
+++ b/src/components/moments/MomentUploadProgressBar.tsx
@@ -8,6 +8,11 @@ import {
   withTiming,
 } from 'react-native-reanimated';
 import {useDispatch, useSelector} from 'react-redux';
+import {
+  TAGG_LIGHT_BLUE_2,
+  TAGG_LIGHT_BLUE_3,
+  TAGG_PURPLE,
+} from '../../constants';
 import {checkMomentDoneProcessing} from '../../services';
 import {loadUserMoments} from '../../store/actions';
 import {setMomentUploadProgressBar} from '../../store/reducers';
@@ -143,7 +148,13 @@ const MomentUploadProgressBar: React.FC<MomentUploadProgressBarProps> =
           {showLoading && (
             <>
               <Text style={styles.text}>Uploading Moment...</Text>
-              <GradientProgressBar style={styles.bar} progress={progress} />
+              <GradientProgressBar
+                style={styles.bar}
+                progress={progress}
+                toColor={TAGG_LIGHT_BLUE_2}
+                fromColor={TAGG_PURPLE}
+                unfilledColor={TAGG_LIGHT_BLUE_3}
+              />
             </>
           )}
           {momentUploadProgressBar.status === MomentUploadStatusType.Done && (