diff options
| -rw-r--r-- | src/components/moments/MomentPost.tsx | 25 |
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', |