Cleaned up logic, Add logic to check if long title

1 files changed, 11 insertions, 31 deletions

diff --git a/src/components/moments/MomentPost.tsx b/src/components/moments/MomentPost.tsx
index eae95fe2..d95d6f3a 100644
--- a/src/components/moments/MomentPost.tsx
+++ b/src/components/moments/MomentPost.tsx
@@ -25,7 +25,7 @@ import Video from 'react-native-video';
 import {useDispatch, useSelector, useStore} from 'react-redux';
 import {TaggedUsersDrawer} from '.';
 import PauseIcon from '../../assets/icons/pause-icon.svg';
-import {headerBarOptions} from '../../routes';
+import {headerBarOptions, multilineHeaderTitle} from '../../routes';
 import {MomentContext} from '../../screens/profile/IndividualMoment';
 import {deleteMomentTag, loadMomentTags} from '../../services';
 import {loadUserMoments} from '../../store/actions';
@@ -129,28 +129,18 @@ const MomentPost: React.FC<MomentPostProps> = ({
     }
   };
 
-  useEffect(
-    () =>
+  useEffect(() => {
+    if (moment.moment_category.length > 20) {
       navigation.setOptions({
         ...headerBarOptions('white', ''),
-        headerTitle: () => (
-          <Text
-            numberOfLines={3}
-            style={[
-              styles.multilineHeaderTitle,
-              {
-                fontSize:
-                  moment.moment_category.length > 18
-                    ? normalize(14)
-                    : normalize(16),
-              },
-            ]}>
-            {moment.moment_category}
-          </Text>
-        ),
-      }),
-    [moment.moment_id],
-  );
+        ...multilineHeaderTitle(moment.moment_category),
+      });
+    } else {
+      navigation.setOptions({
+        ...headerBarOptions('white', moment.moment_category),
+      });
+    }
+  }, [moment.moment_id]);
 
   /*
    *  Determines if an image is 9:16 to set aspect ratio of current image and
@@ -506,16 +496,6 @@ const styles = StyleSheet.create({
   profilePreviewContainer: {
     paddingHorizontal: '3%',
   },
-  multilineHeaderTitle: {
-    width: SCREEN_WIDTH * 0.7,
-    height: normalize(70),
-    marginTop: normalize(90) / 2,
-    textAlign: 'center',
-    lineHeight: normalize(21.48),
-    letterSpacing: normalize(1.3),
-    fontWeight: '700',
-    color: 'white',
-  },
 });
 
 export default MomentPost;