Fix/notifications display

src/layouts/ReviewRequest/components/Comments/CommentsDrawer.tsx

@@ -131,7 +131,7 @@ export const CommentsDrawer = ({
                 {commentsData && commentsData.length > 0 ? (
                   commentsData.map((comment) => (
                     <CommentItem
-                      commenterName={comment.email}
+                      commenterName={comment.user}
                       commentTime={comment.createdAt}
                       isNew={comment.isNew}
                     >

src/layouts/ReviewRequest/components/Comments/SendCommentForm.tsx

@@ -7,6 +7,9 @@ import {
 import { useEffect } from "react"
 import { useForm } from "react-hook-form"
 import { BiSend } from "react-icons/bi"
+import { useQueryClient } from "react-query"
+
+import { COMMENTS_KEY } from "constants/queryKeys"
 
 import { useUpdateComments } from "hooks/commentsHooks"
 
@@ -28,6 +31,7 @@ export const SendCommentForm = ({
     formState,
     setError,
     clearErrors,
+    resetField,
   } = useForm<CommentFormProps>({
     mode: "onBlur",
   })
@@ -37,8 +41,12 @@ export const SendCommentForm = ({
     error: updateNotificationsError,
   } = useUpdateComments()
 
+  const queryClient = useQueryClient()
+
   const handleUpdateNotifications = async ({ comment }: CommentFormProps) => {
     await updateNotifications({ siteName, requestId, message: comment })
+    resetField("comment")
+    queryClient.invalidateQueries([COMMENTS_KEY, siteName])
   }
 
   useEffect(() => {

src/types/comments.ts

@@ -10,6 +10,6 @@ export type UpdateCommentProps = CommentProps & {
 export interface CommentData {
   message: string
   createdAt: number
-  email: string
+  user: string
   isNew: boolean
 }