From 62010bfd3e398479213a373080856faa50db94bc Mon Sep 17 00:00:00 2001
From: rithviknishad <rithvikn2001@gmail.com>
Date: Fri, 16 Jun 2023 11:01:53 +0530
Subject: [PATCH] fixes #5693

---
 src/Components/Resource/CommentSection.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/Components/Resource/CommentSection.tsx b/src/Components/Resource/CommentSection.tsx
index 75f91938d31..083d00db19a 100644
--- a/src/Components/Resource/CommentSection.tsx
+++ b/src/Components/Resource/CommentSection.tsx
@@ -7,6 +7,7 @@ import Pagination from "../Common/Pagination";
 import { formatDate } from "../../Utils/utils";
 import CircularProgress from "../Common/components/CircularProgress";
 import ButtonV2 from "../Common/components/ButtonV2";
+import TextAreaFormField from "../Form/FormFields/TextAreaFormField";
 
 interface CommentSectionProps {
   id: string;
@@ -72,17 +73,16 @@ const CommentSection = (props: CommentSectionProps) => {
 
   return (
     <div className="w-full flex flex-col">
-      <textarea
-        rows={3}
+      <TextAreaFormField
+        name="comment"
         placeholder="Type your comment"
-        className="mt-4 border border-gray-500 rounded-lg p-4 focus:border-primary-600 focus:ring-primary-600"
         value={commentBox}
-        onChange={(e) => setCommentBox(e.target.value)}
+        onChange={(e) => setCommentBox(e.value)}
       />
       <div className="flex w-full justify-end">
         <ButtonV2 onClick={onSubmitComment}>Post Your Comment</ButtonV2>
       </div>
-      <div className=" w-full">
+      <div className="w-full">
         {isLoading ? (
           <CircularProgress className="h-12 w-12" />
         ) : (