added like button

1 files changed, 17 insertions, 5 deletions

diff --git a/src/components/comments/CommentTile.tsx b/src/components/comments/CommentTile.tsx
index ecdb4c30..cf79b68c 100644
--- a/src/components/comments/CommentTile.tsx
+++ b/src/components/comments/CommentTile.tsx
@@ -26,6 +26,7 @@ import {
   SCREEN_WIDTH,
 } from '../../utils';
 import {mentionPartTypes, renderTextWithMentions} from '../../utils/comments';
+import {LikeButton} from '../common';
 import {ProfilePreview} from '../profile';
 import CommentsContainer from './CommentsContainer';
 
@@ -143,11 +144,14 @@ const CommentTile: React.FC<CommentTileProps> = ({
       containerStyle={styles.swipableContainer}>
       <View
         style={[styles.container, isThread ? styles.moreMarginWithThread : {}]}>
-        <ProfilePreview
-          profilePreview={commentObject.commenter}
-          previewType={'Comment'}
-          screenType={screenType}
-        />
+        <View style={styles.commentHeaderContainer}>
+          <ProfilePreview
+            profilePreview={commentObject.commenter}
+            previewType={'Comment'}
+            screenType={screenType}
+          />
+          <LikeButton onPress={() => {}} style={styles.likeButton} />
+        </View>
         <TouchableOpacity style={styles.body} onPress={toggleAddComment}>
           {renderTextWithMentions({
             value: commentObject.comment,
@@ -215,6 +219,14 @@ const styles = StyleSheet.create({
   moreMarginWithThread: {
     marginLeft: '14%',
   },
+  commentHeaderContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+  },
+  likeButton: {
+    marginRight: 10,
+  },
   body: {
     marginLeft: 56,
   },