fixed post request

frontend/src/components/post/NewPostForm.js

@@ -7,21 +7,22 @@ const NewPostForm = ({ navigate }) => {
   const postSubmit = async (event) => {
     event.preventDefault();
 
-    fetch( '/posts', {
-      method: 'post',
+    console.log(content);
+
+    fetch("/posts", {
+      method: "post",
       headers: {
-        'Authorization': `Bearer ${token}`
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${token}`,
       },
-      // MUST FIX POST REQUEST
-      body: JSON.stringify({ message: content })
-    })
-      .then(response => {
-        if(response.status === 201) {
-          navigate('/posts')
-        } else {
-          navigate('/login')
-        }
-      })
+      body: JSON.stringify({ message: content }),
+    }).then((response) => {
+      if (response.status === 201) {
+        navigate("/posts");
+      } else {
+        navigate("/login");
+      }
+    });
   };
 
   const handleContentChange = (event) => {
@@ -37,7 +38,7 @@ const NewPostForm = ({ navigate }) => {
         value={content}
         onChange={handleContentChange}
       />
-      <input id="submit" type="submit" value="Create Post" />
+      <input id="submit" type="submit" value="Submit" />
     </form>
   );
 };

frontend/src/components/user/SignUpForm.js

@@ -1,45 +1,54 @@
-import React, { useState } from 'react';
+import React, { useState } from "react";
 
 const SignUpForm = ({ navigate }) => {
-
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
 
   const handleSubmit = async (event) => {
     event.preventDefault();
 
-    fetch( '/users', {
-      method: 'post',
+    fetch("/users", {
+      method: "post",
       headers: {
-        'Content-Type': 'application/json',
+        "Content-Type": "application/json",
       },
-      body: JSON.stringify({ email: email, password: password })
-    })
-      .then(response => {
-        if(response.status === 201) {
-          navigate('/login')
-        } else {
-          navigate('/signup')
-        }
-      })
-  }
+      body: JSON.stringify({ email: email, password: password }),
+    }).then((response) => {
+      if (response.status === 201) {
+        navigate("/login");
+      } else {
+        navigate("/signup");
+      }
+    });
+  };
 
   const handleEmailChange = (event) => {
-    setEmail(event.target.value)
-  }
+    setEmail(event.target.value);
+  };
 
   const handlePasswordChange = (event) => {
-    setPassword(event.target.value)
-  }
-
-
-    return (
-      <form onSubmit={handleSubmit}>
-          <input placeholder="Email" id="email" type='text' value={ email } onChange={handleEmailChange} />
-          <input placeholder="Password" id="password" type='password' value={ password } onChange={handlePasswordChange} />
-        <input id='submit' type="submit" value="Submit" />
-      </form>
-    );
-}
+    setPassword(event.target.value);
+  };
+
+  return (
+    <form onSubmit={handleSubmit}>
+      <input
+        placeholder="Email"
+        id="email"
+        type="text"
+        value={email}
+        onChange={handleEmailChange}
+      />
+      <input
+        placeholder="Password"
+        id="password"
+        type="password"
+        value={password}
+        onChange={handlePasswordChange}
+      />
+      <input id="submit" type="submit" value="Submit" />
+    </form>
+  );
+};
 
 export default SignUpForm;