From 23c1a0861a6370241fcb73652af99272baff10ae Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Fri, 11 Jun 2021 15:44:42 -0400
Subject: Update comment count

---
 src/components/moments/MomentPostContent.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/components/moments/MomentPostContent.tsx b/src/components/moments/MomentPostContent.tsx
index 89f2a281..f1ab5db4 100644
--- a/src/components/moments/MomentPostContent.tsx
+++ b/src/components/moments/MomentPostContent.tsx
@@ -47,6 +47,9 @@ const MomentPostContent: React.FC<MomentPostContentProps> = ({
   const [fadeValue, setFadeValue] = useState<Animated.Value<number>>(
     new Animated.Value(0),
   );
+  const [commentCount, setCommentCount] = useState<number>(
+    moment.comments_count,
+  );
   const [commentPreview, setCommentPreview] =
     useState<MomentCommentPreviewType | null>(moment.comment_preview);
   const {keyboardVisible, scrollTo} = useContext(MomentContext);
@@ -121,7 +124,7 @@ const MomentPostContent: React.FC<MomentPostContentProps> = ({
             })}
           <MomentCommentPreview
             momentId={moment.moment_id}
-            commentsCount={moment.comments_count}
+            commentsCount={commentCount}
             commentPreview={commentPreview}
             screenType={screenType}
           />
@@ -130,12 +133,13 @@ const MomentPostContent: React.FC<MomentPostContentProps> = ({
       <AddComment
         placeholderText={'Add a comment here!'}
         momentId={moment.moment_id}
-        callback={(message) =>
+        callback={(message) => {
           setCommentPreview({
             commenter: getLoggedInUserAsProfilePreview(state),
             comment: message,
-          })
-        }
+          });
+          setCommentCount(commentCount + 1);
+        }}
         onFocus={() => {
           setHideText(true);
           scrollTo(index);
-- 
cgit v1.2.3-70-g09d2