From f30d4c948699f347272067582553be1586f8f952 Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Wed, 26 May 2021 17:19:48 -0700
Subject: Remove imageRef usage to place tag icon

---
 src/components/moments/MomentPostContent.tsx | 27 ++-------------------------
 1 file changed, 2 insertions(+), 25 deletions(-)

(limited to 'src')

diff --git a/src/components/moments/MomentPostContent.tsx b/src/components/moments/MomentPostContent.tsx
index 55b0738e..ad29900e 100644
--- a/src/components/moments/MomentPostContent.tsx
+++ b/src/components/moments/MomentPostContent.tsx
@@ -45,23 +45,8 @@ const MomentPostContent: React.FC<MomentPostContentProps> = ({
   const [fadeValue, setFadeValue] = useState<Animated.Value<number>>(
     new Animated.Value(0),
   );
-  const [imageDimensions, setImageDimensions] = useState([0, 0]);
 
   useEffect(() => {
-    setTimeout(() => {
-      imageRef.current.measure(
-        (
-          _fx: number,
-          _fy: number,
-          width: number,
-          height: number,
-          _x: number,
-          _y: number,
-        ) => {
-          setImageDimensions([width, height]);
-        },
-      );
-    }, 250);
     const loadTags = async () => {
       const response = await loadMomentTags(momentId);
       if (response) {
@@ -104,19 +89,10 @@ const MomentPostContent: React.FC<MomentPostContentProps> = ({
           source={{uri: pathHash}}
           resizeMode={'cover'}
         />
-      </TouchableWithoutFeedback>
-      {visible && (
-        <Animated.View style={[styles.tapTag, {opacity: fadeValue}]}>
-          <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},
-            ]}
+            style={[styles.tagIcon]}
           />
         )}
       </TouchableWithoutFeedback>
@@ -188,6 +164,7 @@ const styles = StyleSheet.create({
     width: normalize(30),
     height: normalize(30),
     position: 'absolute',
+    bottom: '7%',
     left: normalize(20),
   },
 });
-- 
cgit v1.2.3-70-g09d2