From 807acf3c3a74c4091aeef2ab90a7b8b7f1c8d20e Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Thu, 6 May 2021 18:36:21 -0400
Subject: updated moment mention style

---
 src/components/comments/AddComment.tsx       | 2 +-
 src/components/comments/CommentTile.tsx      | 3 ++-
 src/components/moments/MomentPostContent.tsx | 5 +++--
 3 files changed, 6 insertions(+), 4 deletions(-)

(limited to 'src/components')

diff --git a/src/components/comments/AddComment.tsx b/src/components/comments/AddComment.tsx
index dd016109..9cf10b5e 100644
--- a/src/components/comments/AddComment.tsx
+++ b/src/components/comments/AddComment.tsx
@@ -123,7 +123,7 @@ const AddComment: React.FC<AddCommentProps> = ({momentId, placeholderText}) => {
               );
             }}
             inputRef={ref}
-            partTypes={mentionPartTypes}
+            partTypes={mentionPartTypes('blue')}
           />
           <View style={styles.submitButton}>
             <TouchableOpacity style={styles.submitButton} onPress={addComment}>
diff --git a/src/components/comments/CommentTile.tsx b/src/components/comments/CommentTile.tsx
index ce346af5..ecdb4c30 100644
--- a/src/components/comments/CommentTile.tsx
+++ b/src/components/comments/CommentTile.tsx
@@ -25,7 +25,7 @@ import {
   normalize,
   SCREEN_WIDTH,
 } from '../../utils';
-import {renderTextWithMentions} from '../../utils/comments';
+import {mentionPartTypes, renderTextWithMentions} from '../../utils/comments';
 import {ProfilePreview} from '../profile';
 import CommentsContainer from './CommentsContainer';
 
@@ -152,6 +152,7 @@ const CommentTile: React.FC<CommentTileProps> = ({
           {renderTextWithMentions({
             value: commentObject.comment,
             styles: styles.comment,
+            partTypes: mentionPartTypes('blue'),
             onPress: (user: UserType) =>
               navigateToProfile(state, dispatch, navigation, screenType, user),
           })}
diff --git a/src/components/moments/MomentPostContent.tsx b/src/components/moments/MomentPostContent.tsx
index 03034925..45186ba1 100644
--- a/src/components/moments/MomentPostContent.tsx
+++ b/src/components/moments/MomentPostContent.tsx
@@ -11,7 +11,7 @@ import {
   SCREEN_HEIGHT,
   SCREEN_WIDTH,
 } from '../../utils';
-import {renderTextWithMentions} from '../../utils/comments';
+import {mentionPartTypes, renderTextWithMentions} from '../../utils/comments';
 import {CommentsCount} from '../comments';
 
 interface MomentPostContentProps extends ViewProps {
@@ -62,6 +62,7 @@ const MomentPostContent: React.FC<MomentPostContentProps> = ({
       {renderTextWithMentions({
         value: caption,
         styles: styles.captionText,
+        partTypes: mentionPartTypes('white'),
         onPress: (user: UserType) =>
           navigateToProfile(state, dispatch, navigation, screenType, user),
       })}
@@ -101,7 +102,7 @@ const styles = StyleSheet.create({
     marginLeft: '5%',
     marginRight: '5%',
     color: '#ffffff',
-    fontWeight: 'bold',
+    fontWeight: '500',
   },
 });
 export default MomentPostContent;
-- 
cgit v1.2.3-70-g09d2