From 4d81bfce9c6a8164fd8d1b9e942648e5ac5f308f Mon Sep 17 00:00:00 2001
From: Terence Ho <>
Date: Tue, 18 Oct 2022 18:42:06 +0800
Subject: [PATCH] [resumes][fix] use react-hook-form validation

---
 .../resumes/comments/ResumeCommentListItem.tsx           | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/portal/src/components/resumes/comments/ResumeCommentListItem.tsx b/apps/portal/src/components/resumes/comments/ResumeCommentListItem.tsx
index b338e77a..66fd6004 100644
--- a/apps/portal/src/components/resumes/comments/ResumeCommentListItem.tsx
+++ b/apps/portal/src/components/resumes/comments/ResumeCommentListItem.tsx
@@ -34,7 +34,7 @@ export default function ResumeCommentListItem({
     register,
     handleSubmit,
     setValue,
-    formState: { isDirty },
+    formState: { errors, isDirty },
     reset,
   } = useForm<ICommentInput>({
     defaultValues: {
@@ -116,10 +116,13 @@ export default function ResumeCommentListItem({
             <form onSubmit={handleSubmit(onSubmit)}>
               <div className="flex-column mt-1 space-y-2">
                 <TextArea
-                  required={true}
-                  {...(register('description'), {})}
+                  {...(register('description', {
+                    required: 'Comments cannot be empty!',
+                  }),
+                  {})}
                   defaultValue={comment.description}
                   disabled={commentUpdateMutation.isLoading}
+                  errorMessage={errors.description?.message}
                   label="Edit comment"
                   placeholder="Leave your comment here"
                   onChange={setFormValue}