fixes #5693

ohcnetwork · Jun 16, 2023 · 62010bf · 62010bf
1 parent b7b30ad
commit 62010bf
Showing 1 changed file with 5 additions and 5 deletions.
diff --git 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" />
         ) : (