Refactor code

1 files changed, 6 insertions, 3 deletions

diff --git a/src/components/moments/MomentPostContent.tsx b/src/components/moments/MomentPostContent.tsx
index 9a174e73..e702cb68 100644
--- a/src/components/moments/MomentPostContent.tsx
+++ b/src/components/moments/MomentPostContent.tsx
@@ -1,20 +1,20 @@
 import {useNavigation} from '@react-navigation/native';
-import React, {useEffect, useState} from 'react';
+import React, {useEffect, useRef, useState} from 'react';
 import {Image, StyleSheet, Text, View, ViewProps} from 'react-native';
 import {useDispatch, useStore} from 'react-redux';
 import {getCommentsCount, loadMomentTags} from '../../services';
-import {userMomentsFetched} from '../../store/reducers';
 import {RootState} from '../../store/rootReducer';
 import {MomentTagType, ScreenType, UserType} from '../../types';
 import {
   getTimePosted,
   navigateToProfile,
+  normalize,
   SCREEN_HEIGHT,
   SCREEN_WIDTH,
-  normalize,
 } from '../../utils';
 import {mentionPartTypes, renderTextWithMentions} from '../../utils/comments';
 import {CommentsCount} from '../comments';
+import {MomentTags} from '../common';
 
 interface MomentPostContentProps extends ViewProps {
   screenType: ScreenType;
@@ -37,6 +37,7 @@ const MomentPostContent: React.FC<MomentPostContentProps> = ({
   const state: RootState = useStore().getState();
   const navigation = useNavigation();
   const dispatch = useDispatch();
+  const imageRef = useRef(null);
 
   useEffect(() => {
     const loadTags = async () => {
@@ -60,10 +61,12 @@ const MomentPostContent: React.FC<MomentPostContentProps> = ({
   return (
     <View style={[styles.container, style]}>
       <Image
+        ref={imageRef}
         style={styles.image}
         source={{uri: pathHash}}
         resizeMode={'cover'}
       />
+      <MomentTags editing={false} tags={tags} imageRef={imageRef} />
       <View style={styles.footerContainer}>
         <CommentsCount
           commentsCount={comments_count}