From 7968aa2ffc61ec848e34ad2ee83b0e91bdcb1584 Mon Sep 17 00:00:00 2001
From: natjms <natjms@njms.ca>
Date: Sat, 22 May 2021 16:49:05 -0300
Subject: [PATCH] Enable favouriting comments

---
 src/components/pages/view-comments.js | 35 ++++++++++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/view-comments.js b/src/components/pages/view-comments.js
index 282f797..7a03ed6 100644
--- a/src/components/pages/view-comments.js
+++ b/src/components/pages/view-comments.js
@@ -213,7 +213,8 @@ const CommentJsx = (props) => {
                             </Text>
                         </View>
                     </TouchableOpacity>
-                    <TouchableOpacity>
+                    <TouchableOpacity
+                          onPress = { props.onFavourite(props.data) }>
                         <Image
                             style = { [styles.heart, styles.action] }
                             source = { activeOrNot(props.data.favourited, packs.favourited) } />
@@ -272,6 +273,35 @@ const ViewCommentsJsx = (props) => {
         }
     };
 
+    const _onFavouriteFactory = (data) => {
+        return async () => {
+            if(!data.favourited) {
+                await requests.favouriteStatus(
+                    state.instance,
+                    data.id,
+                    state.accessToken
+                )
+            } else {
+                await requests.unfavouriteStatus(
+                    state.instance,
+                    data.id,
+                    state.accessToken
+                )
+            }
+
+            // Fetch the updated context to rerender the page
+            const newContext = await requests.fetchStatusContext(
+                state.instance,
+                state.postData.id,
+                state.accessToken,
+            );
+
+            setState({...state,
+                descendants: threadify(newContext.descendants),
+            });
+        }
+    }
+
     const _handleCancelSubReply = () => {
         setState({...state,
             inReplyTo: {
@@ -323,6 +353,7 @@ const ViewCommentsJsx = (props) => {
                             ? <View>
                                 <View style = { styles.parentPost }>
                                     <CommentJsx
+                                        onFavourite = { _onFavouriteFactory }
                                         onReply = { _onReplyFactory }
                                         data = { state.postData } />
                                 </View>
@@ -334,6 +365,7 @@ const ViewCommentsJsx = (props) => {
                                             return (
                                                 <View key = { i }>
                                                     <CommentJsx
+                                                        onFavourite = { _onFavouriteFactory }
                                                         onReply = { _onReplyFactory }
                                                         data = { comment }/>
                                                     {
@@ -343,6 +375,7 @@ const ViewCommentsJsx = (props) => {
                                                                       key = { j }
                                                                       style = { styles.sub }>
                                                                     <CommentJsx
+                                                                        onFavourite = { _onFavouriteFactory }
                                                                         onReply = { _onReplyFactory }
                                                                         data = { sub }/>
                                                                 </View>