Login Logout Navbar ProfileForm moved to MUI

client/src/components/post/CommentForm.tsx

@@ -1,39 +1,37 @@
-import React, { useState } from 'react';
-import { addComment } from '../../actions/post';
-import { useAppDispatch } from '../../utils/hooks';
+import React, { useState } from "react";
+import { addComment } from "../../actions/post";
+import { useAppDispatch } from "../../utils/hooks";
 
 const CommentForm = ({ postId }: { postId: string }) => {
-  const [text, setText] = useState('');
+  const [text, setText] = useState("");
   const dispatch = useAppDispatch();
 
   return (
-    <div className='post-form'>
-      <div className='bg-primary p'>
+    <div className="post-form">
+      <div className="bg-primary p">
         <h3>Leave a Comment</h3>
       </div>
       <form
-        className='form my-1'
+        className="form my-1"
         onSubmit={async (e) => {
           e.preventDefault();
           await dispatch(addComment(postId, { text }));
-          setText('');
+          setText("");
         }}
       >
         <textarea
-          name='text'
+          name="text"
           cols={30}
           rows={5}
-          placeholder='Comment the post'
+          placeholder="Comment the post"
           value={text}
-          onChange={e => setText(e.target.value)}
+          onChange={(e) => setText(e.target.value)}
           required
         />
-        <input type='submit' className='btn btn-dark my-1' value='Submit' />
+        <input type="submit" className="btn btn-dark my-1" value="Submit" />
       </form>
     </div>
   );
 };
 
-
-export default CommentForm
-
+export default CommentForm;