From bc9001004b44f84aa3bd850e6bd3eccbe1ae4c27 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Thu, 15 Jul 2021 15:24:58 -0400
Subject: Fix tag position issue

---
 src/components/moments/MomentPost.tsx | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

(limited to 'src')

diff --git a/src/components/moments/MomentPost.tsx b/src/components/moments/MomentPost.tsx
index 07295369..e789a9bf 100644
--- a/src/components/moments/MomentPost.tsx
+++ b/src/components/moments/MomentPost.tsx
@@ -83,6 +83,7 @@ const MomentPost: React.FC<MomentPostProps> = ({
     moment.moment_url.endsWith('GIF') ||
     moment.moment_url.endsWith('gif')
   );
+  const mediaHeight = SCREEN_WIDTH / aspectRatio;
 
   /*
    * Load tags on initial render to pass tags data to moment header and content
@@ -201,14 +202,7 @@ const MomentPost: React.FC<MomentPostProps> = ({
       <View style={styles.mainContainer}>
         <View style={styles.imageContainer}>
           {isVideo ? (
-            <View
-              ref={imageRef}
-              style={[
-                styles.media,
-                {
-                  height: SCREEN_WIDTH / aspectRatio,
-                },
-              ]}>
+            <View ref={imageRef}>
               <Video
                 ref={videoRef}
                 source={{
@@ -218,7 +212,7 @@ const MomentPost: React.FC<MomentPostProps> = ({
                 style={[
                   styles.media,
                   {
-                    height: SCREEN_WIDTH / aspectRatio,
+                    height: mediaHeight,
                   },
                 ]}
                 repeat={true}
@@ -233,7 +227,12 @@ const MomentPost: React.FC<MomentPostProps> = ({
           ) : (
             <Image
               source={{uri: moment.moment_url}}
-              style={styles.media}
+              style={[
+                styles.media,
+                {
+                  height: mediaHeight,
+                },
+              ]}
               resizeMode={'contain'}
               ref={imageRef}
             />
@@ -337,7 +336,6 @@ const MomentPost: React.FC<MomentPostProps> = ({
 const styles = StyleSheet.create({
   media: {
     zIndex: 0,
-    flex: 1,
   },
   imageContainer: {
     height: SCREEN_HEIGHT,
-- 
cgit v1.2.3-70-g09d2