From 7f9799c6693254f8eb6729c0977826694c28c437 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Tue, 4 May 2021 20:46:27 -0400
Subject: added navigation to profile

---
 src/utils/comments.tsx | 46 +++++++++++++++++++++++++++++-----------------
 src/utils/users.ts     | 24 ++++++++++++++++++++++++
 2 files changed, 53 insertions(+), 17 deletions(-)

(limited to 'src/utils')

diff --git a/src/utils/comments.tsx b/src/utils/comments.tsx
index c0b522f2..47d26bb5 100644
--- a/src/utils/comments.tsx
+++ b/src/utils/comments.tsx
@@ -1,23 +1,26 @@
 import React from 'react';
-import {Text} from 'react-native';
+import {StyleProp, Text, TextStyle} from 'react-native';
 import {
   isMentionPartType,
   parseValue,
   Part,
   PartType,
 } from 'react-native-controlled-mentions';
+import {TouchableOpacity} from 'react-native-gesture-handler';
 import TaggTypeahead from '../components/common/TaggTypeahead';
 import {TAGG_LIGHT_BLUE} from '../constants';
+import {UserType} from '../types';
 
 /**
  * Part renderer
  *
  * https://github.com/dabakovich/react-native-controlled-mentions#rendering-mentioninputs-value
- *
- * @param part
- * @param index
  */
-const renderPart = (part: Part, index: number) => {
+const renderPart = (
+  part: Part,
+  index: number,
+  handlePress: (user: UserType) => void,
+) => {
   // Just plain text
   if (!part.partType) {
     return <Text key={index}>{part.text}</Text>;
@@ -26,12 +29,18 @@ const renderPart = (part: Part, index: number) => {
   // Mention type part
   if (isMentionPartType(part.partType)) {
     return (
-      <Text
+      <TouchableOpacity
         key={`${index}-${part.data?.trigger}`}
-        style={part.partType.textStyle}
-        onPress={() => console.log('Pressed', part.data)}>
-        {part.text}
-      </Text>
+        onPress={() => {
+          if (part.data) {
+            handlePress({
+              userId: part.data.id,
+              username: part.data.name,
+            });
+          }
+        }}>
+        <Text style={part.partType.textStyle}>{part.text}</Text>
+      </TouchableOpacity>
     );
   }
 
@@ -45,23 +54,26 @@ const renderPart = (part: Part, index: number) => {
 
 interface RenderProps {
   value: string;
-  partTypes: PartType[];
+  styles: StyleProp<TextStyle>;
+  onPress: (user: UserType) => void;
 }
 
 /**
  * Value renderer. Parsing value to parts array and then mapping the array using 'renderPart'
  *
  * https://github.com/dabakovich/react-native-controlled-mentions#rendering-mentioninputs-value
- *
- * @param value - value from MentionInput
- * @param partTypes - the part types array that you providing to MentionInput
  */
 export const renderTextWithMentions: React.FC<RenderProps> = ({
   value,
-  partTypes,
+  styles,
+  onPress,
 }) => {
-  const {parts} = parseValue(value, partTypes);
-  return <Text>{parts.map(renderPart)}</Text>;
+  const {parts} = parseValue(value, mentionPartTypes);
+  return (
+    <Text style={styles}>
+      {parts.map((part, index) => renderPart(part, index, onPress))}
+    </Text>
+  );
 };
 
 export const mentionPartTypes: PartType[] = [
diff --git a/src/utils/users.ts b/src/utils/users.ts
index abadaf6e..c167ac2f 100644
--- a/src/utils/users.ts
+++ b/src/utils/users.ts
@@ -1,4 +1,6 @@
 import AsyncStorage from '@react-native-community/async-storage';
+import {NavigationProp} from '@react-navigation/core';
+import {Dispatch} from 'react';
 import {INTEGRATED_SOCIAL_LIST} from '../constants';
 import {isUserBlocked, loadSocialPosts} from '../services';
 import {
@@ -199,3 +201,25 @@ export const canViewProfile = (
   }
   return false;
 };
+
+export const navigateToProfile = async (
+  state: RootState,
+  dispatch: any,
+  navigation: any,
+  screenType: ScreenType,
+  user: UserType,
+) => {
+  const loggedInUserId = state.user.user.userId;
+  const {userId, username} = user;
+  if (!userXInStore(state, screenType, userId)) {
+    await fetchUserX(
+      dispatch,
+      {userId: userId, username: username},
+      screenType,
+    );
+  }
+  navigation.push('Profile', {
+    userXId: userId === loggedInUserId ? undefined : userId,
+    screenType,
+  });
+};
-- 
cgit v1.2.3-70-g09d2