diff options
Diffstat (limited to 'src/components/comments/CommentTile.tsx')
| -rw-r--r-- | src/components/comments/CommentTile.tsx | 16 |
1 files changed, 13 insertions, 3 deletions
diff --git a/src/components/comments/CommentTile.tsx b/src/components/comments/CommentTile.tsx index cc847885..8074a015 100644 --- a/src/components/comments/CommentTile.tsx +++ b/src/components/comments/CommentTile.tsx @@ -11,7 +11,11 @@ import Trash from '../../assets/ionicons/trash-outline.svg'; import {TAGG_LIGHT_BLUE} from '../../constants'; import {ERROR_FAILED_TO_DELETE_COMMENT} from '../../constants/strings'; import {CommentContext} from '../../screens/profile/MomentCommentsScreen'; -import {deleteComment, getCommentsCount} from '../../services'; +import { + deleteComment, + getCommentsCount, + handleLikeUnlikeComment, +} from '../../services'; import {RootState} from '../../store/rootReducer'; import { CommentThreadType, @@ -145,7 +149,11 @@ const CommentTile: React.FC<CommentTileProps> = ({ previewType={'Comment'} screenType={screenType} /> - <LikeButton onPress={() => {}} style={styles.likeButton} /> + <LikeButton + filled={commentObject.user_reaction !== undefined} + onPress={() => handleLikeUnlikeComment(commentObject)} + style={styles.likeButton} + /> </View> <TouchableOpacity style={styles.body} onPress={toggleAddComment}> {renderTextWithMentions({ @@ -162,7 +170,9 @@ const CommentTile: React.FC<CommentTileProps> = ({ </View> <View style={styles.row}> <TouchableOpacity style={styles.row} onPress={() => {}}> - <Text style={[styles.date_time, styles.likeCount]}>999</Text> + <Text style={[styles.date_time, styles.likeCount]}> + {commentObject.reaction_count} + </Text> <Text style={styles.date_time}>Likes</Text> </TouchableOpacity> {/* Show replies text only if there are some replies present */} |