🐛 Add FormMessage under comment form

Muna-Pirates · Dec 13, 2023 · 5859000 · 5859000
1 parent d662e5a
commit 5859000
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/src/features/post/widgets/comment-form/CommentForm.tsx b/src/features/post/widgets/comment-form/CommentForm.tsx
@@ -1,5 +1,11 @@
 import { Button } from "@/components/ui/button"
-import { Form, FormControl, FormField, FormItem } from "@/components/ui/form"
+import {
+	Form,
+	FormControl,
+	FormField,
+	FormItem,
+	FormMessage,
+} from "@/components/ui/form"
 import * as z from "zod"
 import { zodResolver } from "@hookform/resolvers/zod"
 import { useForm } from "react-hook-form"
@@ -83,6 +89,7 @@ const CommentForm = ({ postId }: ICommentFormProps) => {
 										disabled={isLoading}
 									/>
 								</FormControl>
+								<FormMessage />
 							</FormItem>
 						)}
 					/>

diff --git a/src/features/post/widgets/comment-update-form/CommentUpdateForm.tsx b/src/features/post/widgets/comment-update-form/CommentUpdateForm.tsx
@@ -1,5 +1,11 @@
 import { Button } from "@/components/ui/button"
-import { Form, FormControl, FormField, FormItem } from "@/components/ui/form"
+import {
+	Form,
+	FormControl,
+	FormField,
+	FormItem,
+	FormMessage,
+} from "@/components/ui/form"
 import * as z from "zod"
 import { zodResolver } from "@hookform/resolvers/zod"
 import { useForm } from "react-hook-form"
@@ -91,6 +97,7 @@ const CommentUpdateForm = ({
 										disabled={isLoading}
 									/>
 								</FormControl>
+								<FormMessage />
 							</FormItem>
 						)}
 					/>