Merge pull request #451 from brian-tagg/tma899-tag-indicate-icon

[TMA-899] tag indicate icon

2 files changed, 16 insertions, 3 deletions

diff --git a/src/assets/icons/tag_indicate.png b/src/assets/icons/tag_indicate.png
new file mode 100644
index 00000000..7947aef7
--- /dev/null
+++ b/src/assets/icons/tag_indicate.png
diff --git a/src/components/moments/MomentPostContent.tsx b/src/components/moments/MomentPostContent.tsx
index 67c086d3..56d317d7 100644
--- a/src/components/moments/MomentPostContent.tsx
+++ b/src/components/moments/MomentPostContent.tsx
@@ -91,6 +91,12 @@ const MomentPostContent: React.FC<MomentPostContentProps> = ({
           source={{uri: pathHash}}
           resizeMode={'cover'}
         />
+        {tags.length > 0 && (
+          <Image
+            source={require('../../assets/icons/tag_indicate.png')}
+            style={[styles.tagIcon]}
+          />
+        )}
       </TouchableWithoutFeedback>
       {visible && (
         <Animated.View style={[styles.tapTag, {opacity: fadeValue}]}>
@@ -125,9 +131,6 @@ const styles = StyleSheet.create({
     aspectRatio: 1,
     marginBottom: '3%',
   },
-  tapTag: {
-    position: 'absolute',
-  },
   footerContainer: {
     flexDirection: 'row',
     justifyContent: 'space-between',
@@ -156,5 +159,15 @@ const styles = StyleSheet.create({
     lineHeight: normalize(15.51),
     letterSpacing: normalize(0.6),
   },
+  tapTag: {
+    position: 'absolute',
+  },
+  tagIcon: {
+    width: normalize(30),
+    height: normalize(30),
+    position: 'absolute',
+    bottom: '7%',
+    left: normalize(20),
+  },
 });
 export default MomentPostContent;