Fix pause icon not clickable issue

1 files changed, 12 insertions, 13 deletions

diff --git a/src/components/moments/MomentPost.tsx b/src/components/moments/MomentPost.tsx
index f6917784..c232986d 100644
--- a/src/components/moments/MomentPost.tsx
+++ b/src/components/moments/MomentPost.tsx
@@ -237,8 +237,18 @@ const MomentPost: React.FC<MomentPostProps> = ({
           }
         }}
         onEnd={updateMomentViewCount}
-
       />
+      {isVideoPaused && (
+        <Animated.View
+          style={[
+            styles.pauseContainer,
+            {
+              opacity: fadeValue,
+            },
+          ]}>
+          <PauseIcon width={100} height={100} />
+        </Animated.View>
+      )}
     </View>
   ) : (
     <Image
@@ -324,17 +334,6 @@ const MomentPost: React.FC<MomentPostProps> = ({
           )}
         </TouchableWithoutFeedback>
         <View style={styles.bottomContainer} pointerEvents={'box-none'}>
-          {isVideoPaused && (
-            <Animated.View
-              style={[
-                styles.pauseContainer,
-                {
-                  opacity: fadeValue,
-                },
-              ]}>
-              <PauseIcon width={100} height={100} />
-            </Animated.View>
-          )}
           <KeyboardAvoidingView
             behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
             keyboardVerticalOffset={-20}>
@@ -499,7 +498,7 @@ const styles = StyleSheet.create({
   pauseContainer: {
     position: 'absolute',
     left: '40%',
-    top: '50%',
+    top: '40%',
   },
   progressBar: {
     position: 'absolute',