From 97d6d20d963638fab00aca690088de5c401f38f2 Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Wed, 26 May 2021 17:08:50 -0700
Subject: Remove momentTag, Include icon in touchable area

---
 src/components/moments/MomentPostContent.tsx | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

(limited to 'src/components')

diff --git a/src/components/moments/MomentPostContent.tsx b/src/components/moments/MomentPostContent.tsx
index 982fc035..55b0738e 100644
--- a/src/components/moments/MomentPostContent.tsx
+++ b/src/components/moments/MomentPostContent.tsx
@@ -110,16 +110,21 @@ const MomentPostContent: React.FC<MomentPostContentProps> = ({
           <MomentTags editing={false} tags={tags} imageRef={imageRef} />
         </Animated.View>
       )}
-      {tags.length > 0 && (
-        <Image
-          source={require('../../assets/icons/tag_indicate.png')}
-          style={[
-            styles.tagIcon,
-            {top: imageDimensions[1] - 30 - SCREEN_HEIGHT * 0.03},
-          ]}
-        />
+        {tags.length > 0 && (
+          <Image
+            source={require('../../assets/icons/tag_indicate.png')}
+            style={[
+              styles.tagIcon,
+              {top: imageDimensions[1] - 30 - SCREEN_HEIGHT * 0.03},
+            ]}
+          />
+        )}
+      </TouchableWithoutFeedback>
+      {visible && (
+        <Animated.View style={[styles.tapTag, {opacity: fadeValue}]}>
+          <MomentTags editing={false} tags={tags} imageRef={imageRef} />
+        </Animated.View>
       )}
-      <MomentTags editing={false} tags={tags} imageRef={imageRef} />
       <View style={styles.footerContainer}>
         <CommentsCount
           commentsCount={comments_count}
-- 
cgit v1.2.3-70-g09d2