Directly reply to a comment notification

pbteja1998 · pbteja1998 · commit 5029e0ab3d68 · 2021-02-28T10:44:49.000+05:30
diff --git a/src/components/goals/UpdateComment.tsx b/src/components/goals/UpdateComment.tsx
@@ -1,6 +1,13 @@
 import { Avatar, Button, Menu } from '@/ui'
 import React, { useRef, useState } from 'react'
-import { Markdown, A, LikeModal, useLikes, EditComment } from '@/components'
+import {
+  Markdown,
+  A,
+  LikeModal,
+  useLikes,
+  EditComment,
+  NewComment,
+} from '@/components'
 import { DateTime } from 'luxon'
 import { HomePageFeedUpdateType, UpdateCommentType } from 'src/pages'
 import { useSession } from 'next-auth/client'
@@ -27,9 +34,11 @@ export type GoalUpdateType = {
 export default function UpdateComment({
   comment,
   children,
+  canAddNewComment = false,
 }: {
   children: string
   comment: UpdateCommentType
+  canAddNewComment?: boolean
 }) {
   const queryClient = useQueryClient()
   const [isOpen, setIsOpen] = useState(false)
@@ -244,6 +253,7 @@ export default function UpdateComment({
             </div>
           </div>
         )}
+        {canAddNewComment && <NewComment updateId={comment.updateId} />}
       </li>
     </>
   )
diff --git a/src/pages/comment/[id].tsx b/src/pages/comment/[id].tsx
@@ -16,7 +16,11 @@ const client = new faunadb.Client({
 })
 
 export default function Update({ comment }: { comment: UpdateCommentType }) {
-  return <UpdateComment comment={comment}>{comment.description}</UpdateComment>
+  return (
+    <UpdateComment comment={comment} canAddNewComment={true}>
+      {comment.description}
+    </UpdateComment>
+  )
 }
 
 export const getServerSideProps = async ({ req, query }) => {
