Change progress bar style

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>
   );