diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/components/moments/MomentPost.tsx | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/src/components/moments/MomentPost.tsx b/src/components/moments/MomentPost.tsx index c232986d..57c42654 100644 --- a/src/components/moments/MomentPost.tsx +++ b/src/components/moments/MomentPost.tsx @@ -14,14 +14,14 @@ import { } from 'react-native'; // @ts-ignore import Pinchable from 'react-native-pinchable'; +import * as Progress from 'react-native-progress'; import Animated, {EasingNode} from 'react-native-reanimated'; import {SafeAreaView} from 'react-native-safe-area-context'; -import SimpleGradientProgressbarView from 'react-native-simple-gradient-progressbar-view'; import Video from 'react-native-video'; import {useDispatch, useSelector, useStore} from 'react-redux'; import {TaggedUsersDrawer} from '.'; import PauseIcon from '../../assets/icons/pause-icon.svg'; -import {TAGG_LIGHT_BLUE_2, TAGG_PURPLE} from '../../constants/constants'; +import {TAGG_PURPLE} from '../../constants/constants'; import {headerBarOptions} from '../../routes'; import {MomentContext} from '../../screens/profile/IndividualMoment'; import {deleteMomentTag, loadMomentTags} from '../../services'; @@ -262,14 +262,14 @@ const MomentPost: React.FC<MomentPostProps> = ({ const ProgressBar = () => ( <View style={styles.progressBaContainer}> - <SimpleGradientProgressbarView + <Progress.Bar progress={videoProgress} - style={styles.progressBar} - fromColor={TAGG_PURPLE} - toColor={TAGG_LIGHT_BLUE_2} - /> - <View - style={[styles.progressDot, {left: videoProgress * SCREEN_WIDTH - 5}]} + width={SCREEN_WIDTH} + color={'white'} + borderRadius={0} + borderWidth={0} + height={3} + unfilledColor={'rgba(255,255,255,0.4)'} /> </View> ); |