Fixing up the post, cleaning up depends

package.json

@@ -14,7 +14,6 @@
     "react-scripts": "3.0.0",
     "redux": "^4.0.4",
     "redux-thunk": "^2.3.0",
-    "semantic-ui-react": "^0.87.3",
     "universal-cookie": "^4.0.2"
   },
   "scripts": {

public/index.html

@@ -4,7 +4,6 @@
     <meta charset="utf-8" />
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#EEEEEE" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">
     <!--
       manifest.json provides metadata used when your web app is installed on a

src/components/NewPost.js

@@ -7,18 +7,23 @@ import "react-mde/lib/styles/css/react-mde-all.css"
 const NewPost = (props) => {
   const [value, setValue] = React.useState("**Hello world!!!**");
   const [selectedTab, setSelectedTab] = React.useState("write");
-    return(
-      <div className="container">
-        <ReactMde
-          value={value}
-          onChange={setValue}
-          selectedTab={selectedTab}
-          onTabChange={setSelectedTab}
-          generateMarkdownPreview={(markdown) =>
-            Promise.resolve(<ReactMarkdown source={markdown} />)}
-        />
-      </div>
-    )
+  const submitPost = () => {
+      console.log("API CALL")
+      console.log(value)
+  }
+  return(
+    <div className="container">
+      <ReactMde
+        value={value}
+        onChange={setValue}
+        selectedTab={selectedTab}
+        onTabChange={setSelectedTab}
+        generateMarkdownPreview={(markdown) =>
+          Promise.resolve(<ReactMarkdown source={markdown} />)}
+      />
+      <button onClick={submitPost}>Submit Post</button>
+    </div>
+  )
 }
 
 export default NewPost;