From 0187200d794d54c1d9954dd86a6a156132dedcac Mon Sep 17 00:00:00 2001
From: ankit-thanekar007 <ankit.thanekar007@gmail.com>
Date: Mon, 22 Mar 2021 12:18:12 -0700
Subject: TMA 642 Touchable Opacity redirection

---
 src/components/moments/MomentPostHeader.tsx | 20 ++++++++++++++++----
 src/components/profile/Content.tsx          |  2 +-
 2 files changed, 17 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/components/moments/MomentPostHeader.tsx b/src/components/moments/MomentPostHeader.tsx
index aad776e8..56b073d6 100644
--- a/src/components/moments/MomentPostHeader.tsx
+++ b/src/components/moments/MomentPostHeader.tsx
@@ -1,5 +1,11 @@
 import React, {useState} from 'react';
-import {StyleSheet, Text, View, ViewProps} from 'react-native';
+import {
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  View,
+  ViewProps,
+} from 'react-native';
 import {MomentMoreInfoDrawer} from '../profile';
 import {loadUserMoments} from '../../store/actions';
 import {useDispatch, useSelector} from 'react-redux';
@@ -29,17 +35,23 @@ const MomentPostHeader: React.FC<MomentPostHeaderProps> = ({
     (state: RootState) => state.user.user,
   );
   const isOwnProfile = loggedInUserName === username;
-
   return (
     <View style={[styles.container, style]}>
-      <View style={styles.header}>
+      <TouchableOpacity
+        onPress={() => {
+          navigation.navigate('Profile', {
+            userXId: isOwnProfile ? undefined : userXId,
+            screenType,
+          });
+        }}
+        style={styles.header}>
         <Avatar
           style={styles.avatar}
           userXId={userXId}
           screenType={screenType}
         />
         <Text style={styles.headerText}>{username}</Text>
-      </View>
+      </TouchableOpacity>
       <MomentMoreInfoDrawer
         isOpen={drawerVisible}
         setIsOpen={setDrawerVisible}
diff --git a/src/components/profile/Content.tsx b/src/components/profile/Content.tsx
index d4c50d5c..7f922bd9 100644
--- a/src/components/profile/Content.tsx
+++ b/src/components/profile/Content.tsx
@@ -308,7 +308,7 @@ const Content: React.FC<ContentProps> = ({y, userXId, screenType}) => {
           isBlocked,
         }}
       />
-      <TaggsBar {...{y, profileBodyHeight, userXId, screenType}} />
+      <TaggsBar {...{y, profileBodyHeight, userXId, screenType}} whiteRing = {undefined}/>
       <View style={styles.momentsContainer}>
         {userXId && moments.length === 0 && (
           <View style={styles.plusIconContainer}>
-- 
cgit v1.2.3-70-g09d2