Flesh out posting

src/components/NewPost.js

@@ -7,11 +7,18 @@ import "react-mde/lib/styles/css/react-mde-all.css"
 const NewPost = (props) => {
   const [title, setTitle] = React.useState("");
   const [content, setContent] = React.useState("");
+  const [tags, setTags] = React.useState("");
   const [selectedTab, setSelectedTab] = React.useState("write");
+
   const submitPost = () => {
-      console.log(title)
-      console.log(content)
+    const payload = {
+      title: title,
+      content: content,
+      tags: tags,
     }
+    console.log(payload)
+  }
+
   return(
     <div className="container">
       <input
@@ -20,6 +27,7 @@ const NewPost = (props) => {
         onChange={e => setTitle(e.target.value)}
       />
 
+      <div className="markdown-body">
         <ReactMde
           value={content}
           onChange={setContent}
@@ -28,8 +36,16 @@ const NewPost = (props) => {
           generateMarkdownPreview={(markdown) =>
             Promise.resolve(<ReactMarkdown source={markdown} />)}
         />
+      </div>
+      <input
+        value={tags}
+        placeholder="Comma,Seperated,Tags..."
+        onChange={e => setTags(e.target.value)}
+      />
+      <div>
         <button onClick={submitPost}>Submit Post</button>
       </div>
+    </div>
   )
 }