diff options
| author | Ivan Chen <ivan@tagg.id> | 2021-07-29 13:08:16 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-07-29 13:08:16 -0400 |
| commit | 9b5f20d834d716c86ae4e67ccc528f5924050854 (patch) | |
| tree | e8f4b25dcaa9fe2443bb976ea0ce74011f6bb58a /src/components/moments/MomentUploadProgressBar.tsx | |
| parent | 710ce26f2335798623f229469a53c7fe42125058 (diff) | |
| parent | a6a08cc875583265a60ea81e14974aeb0f01d0b9 (diff) | |
Merge pull request #537 from shravyaramesh/tma1028-progress-bar-style-change
[TMA-1028] Change progress bar style
Diffstat (limited to 'src/components/moments/MomentUploadProgressBar.tsx')
| -rw-r--r-- | src/components/moments/MomentUploadProgressBar.tsx | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/src/components/moments/MomentUploadProgressBar.tsx b/src/components/moments/MomentUploadProgressBar.tsx index 65b03a09..96f9fa27 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'; @@ -145,7 +150,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 && ( |