From 5a057337cd56dfb1cc9fef7e8a39c6dfb78e2af3 Mon Sep 17 00:00:00 2001
From: Asara <amarpreet@minhas.io>
Date: Sat, 19 Oct 2019 15:47:12 -0400
Subject: [PATCH] test out react-mde

---
 src/components/App.js      |  2 ++
 src/components/AuthMenu.js |  2 +-
 src/components/NewPost.js  | 36 ++++++++++++++++++++++++++++++++++++
 3 files changed, 39 insertions(+), 1 deletion(-)
 create mode 100644 src/components/NewPost.js

diff --git a/src/components/App.js b/src/components/App.js
index 2d61ec6..ccd1e3b 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -6,6 +6,7 @@ import PostList from './PostList';
 import Post from './Post';
 import User from './User';
 import About from './About'
+import NewPost from './NewPost'
 
 function App() {
   return (
@@ -18,6 +19,7 @@ function App() {
         <Route exact path="/posts/" component={PostList}/>
         <Route path="/posts/:slug" component={Post}/>
         <Route path="/users/:user" component={User}/>
+        <Route path="/newpost/" component={NewPost}/>
       </Switch>
     </Router>
     <Footer/>
diff --git a/src/components/AuthMenu.js b/src/components/AuthMenu.js
index e58ce57..bc9e250 100644
--- a/src/components/AuthMenu.js
+++ b/src/components/AuthMenu.js
@@ -190,7 +190,7 @@ class AuthMenu extends Component {
           <div className="ui menu dropdown" style={{display: "inline"}}>
             <div className="ui left icon input">
               <i className="edit icon"></i>
-            <button onClick={this.handleMakePost} className="fluid ui positive button">Create Post!</button>
+            <button onClick={() => { document.location.href = "newpost"; }} className="fluid ui positive button">Create Post!</button>
             </div>
           </div>
         )
diff --git a/src/components/NewPost.js b/src/components/NewPost.js
new file mode 100644
index 0000000..a8f64ec
--- /dev/null
+++ b/src/components/NewPost.js
@@ -0,0 +1,36 @@
+import React from 'react';
+import ReactMde from "react-mde";
+import ReactMarkdown from 'react-markdown';
+import 'github-markdown-css'
+
+class NewPost extends React.Component {
+  constructor (props) {
+    super(props)
+    this.state = {
+        title: '',
+        content: ''
+    }
+  }
+  handleChange = value => {
+    this.setState({ mdeValue: value });
+  };
+
+
+  render () {
+    return(
+      <div className="container">
+        <ReactMde
+          value={this.state.content}
+          /*
+          onChange={setValue}
+          selectedTab={selectedTab}
+          onTabChange={setSelectedTab}
+          */
+          generateMarkdownPreview={(markdown) => <ReactMarkdown source={markdown} />}
+        />
+      </div>
+    )
+  }
+}
+
+export default NewPost;