diff options
| -rw-r--r-- | src/components/common/GradientProgressBar.tsx | 3 | ||||
| -rw-r--r-- | src/components/moments/MomentUploadProgressBar.tsx | 10 |
2 files changed, 7 insertions, 6 deletions
diff --git a/src/components/common/GradientProgressBar.tsx b/src/components/common/GradientProgressBar.tsx index 3483f8ac..2f7f0431 100644 --- a/src/components/common/GradientProgressBar.tsx +++ b/src/components/common/GradientProgressBar.tsx @@ -6,7 +6,7 @@ import { TAGG_LIGHT_BLUE_3, TAGG_PURPLE, } from '../../constants'; -import {normalize, SCREEN_WIDTH} from '../../utils'; +import {normalize} from '../../utils'; interface GradientProgressBarProps extends ViewProps { progress: number; @@ -30,7 +30,6 @@ const styles = StyleSheet.create({ borderRadius: 6.5, }, bar: { - width: SCREEN_WIDTH * 0.9, height: normalize(10), borderRadius: 6.5, }, diff --git a/src/components/moments/MomentUploadProgressBar.tsx b/src/components/moments/MomentUploadProgressBar.tsx index bbd0cb06..7310727e 100644 --- a/src/components/moments/MomentUploadProgressBar.tsx +++ b/src/components/moments/MomentUploadProgressBar.tsx @@ -1,11 +1,10 @@ -import React, {useState} from 'react'; +import React from 'react'; import {StyleSheet, Text} from 'react-native'; import {View} from 'react-native-animatable'; -import Animated, {useSharedValue} from 'react-native-reanimated'; import {SafeAreaView} from 'react-native-safe-area-context'; import {useSelector} from 'react-redux'; import {RootState} from '../../store/rootReducer'; -import {normalize, StatusBarHeight} from '../../utils'; +import {normalize, SCREEN_WIDTH, StatusBarHeight} from '../../utils'; import {GradientProgressBar} from '../common'; interface MomentUploadProgressBarProps {} @@ -23,7 +22,7 @@ const MomentUploadProgressBar: React.FC<MomentUploadProgressBarProps> = <View style={styles.background}> <SafeAreaView style={styles.container}> <Text style={styles.text}>Uploading Moment...</Text> - <GradientProgressBar progress={0.6} /> + <GradientProgressBar style={styles.bar} progress={0.6} /> </SafeAreaView> </View> ); @@ -48,6 +47,9 @@ const styles = StyleSheet.create({ lineHeight: 17, marginVertical: 12, }, + bar: { + width: SCREEN_WIDTH * 0.9, + }, }); export default MomentUploadProgressBar; |