Refactored so user_id isn't being passed around uncoded

.vscode/settings.json

@@ -0,0 +1,2 @@
+{
+}

api/controllers/posts.js

@@ -14,7 +14,9 @@ const PostsController = {
       });
   },
   Create: (req, res) => {
-    const post = new Post(req.body);
+    //injecting user_id here
+    let postContent = { ...req.body, user: req.user_id };
+    const post = new Post(postContent);
     post.save(async (err) => {
       if (err) {
         throw err;

frontend/src/components/auth/LoginForm.js

@@ -22,7 +22,6 @@ const LogInForm = ({ navigate }) => {
       console.log("oop");
       let data = await response.json();
       window.localStorage.setItem("token", data.token);
-      window.localStorage.setItem("user_id", data.user);
       navigate("/posts");
     }
   };

frontend/src/components/create-post/CreatePost.js

@@ -2,26 +2,26 @@ import React, { useState } from "react";
 
 const CreatePost = () => {
   const [message, setMessage] = useState("");
-  
+
   const handleSubmit = async (event) => {
     event.preventDefault();
 
     let response = await fetch("/posts", {
       method: "post",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${window.localStorage.getItem("token")}`
+        Authorization: `Bearer ${window.localStorage.getItem("token")}`,
       },
-      body: JSON.stringify({ message: message, user: window.localStorage.getItem("user_id") }),
+      body: JSON.stringify({ message: message }),
     });
-  
+
     if (response.status === 201) {
-      console.log('post is successful');
-      window.location.reload()
+      console.log("post is successful");
+      window.location.reload();
     } else {
-      console.log('post did not complete')
-    } 
-  }; 
+      console.log("post did not complete");
+    }
+  };
 
   const handleMessageChange = (event) => {
     setMessage(event.target.value);

frontend/src/components/feed/Feed.js

@@ -5,7 +5,7 @@ import CreatePost from "../create-post/CreatePost";
 const Feed = ({ navigate }) => {
   const [posts, setPosts] = useState([]);
   const [token, setToken] = useState(window.localStorage.getItem("token"));
-  
+
   useEffect(() => {
     if (token) {
       fetch("/posts", {
@@ -24,7 +24,6 @@ const Feed = ({ navigate }) => {
 
   const logout = () => {
     window.localStorage.removeItem("token");
-    window.localStorage.removeItem("user_id");
     navigate("/login");
   };
 
@@ -33,7 +32,7 @@ const Feed = ({ navigate }) => {
       <>
         <h2>Posts</h2>
         <button onClick={logout}>Logout</button>
-        <CreatePost/>
+        <CreatePost />
         <div id="feed" role="feed">
           {posts.map((post) => (
             <Post post={post} key={post._id} />