From 5f352030d4af5432aaac85b622490d4191507f6e Mon Sep 17 00:00:00 2001
From: Asara <amarpreet@minhas.io>
Date: Wed, 29 Jan 2020 21:22:46 -0500
Subject: [PATCH] Breakpoint for breaking changes

---
 src/actions/index.js           |   7 ++
 src/components/.NewPost.js.swp | Bin 0 -> 12288 bytes
 src/components/Post.js         | 131 ++++++++++++++++-----------------
 3 files changed, 72 insertions(+), 66 deletions(-)
 create mode 100644 src/components/.NewPost.js.swp

diff --git a/src/actions/index.js b/src/actions/index.js
index fe98b11..f0fa858 100644
--- a/src/actions/index.js
+++ b/src/actions/index.js
@@ -64,3 +64,10 @@ export const newBlogPost = (payload) => async (dispatch) => {
         history.push('/posts/' + response.data.slug)
     }
 };
+
+export const newComment = (payload, parent_id) => async (dispatch) => {
+    const response = await sudoscientist.post('/blog/comments' + parent_id, payload)
+    if (response.status === 201) {
+      window.location.reload()
+    }
+};
diff --git a/src/components/.NewPost.js.swp b/src/components/.NewPost.js.swp
new file mode 100644
index 0000000000000000000000000000000000000000..4744378e961c7c10279e9b743012b86c44eb0aec
GIT binary patch
literal 12288
zcmeI2L2ukd6vw9=fYP);5El^AU?j4OcI_4}DA`>^S4be#Dq;f{)WfVj*>!4rEYCRG
zXuELXz(+t-d;kO&BtVD*oZ-R|^}-DV5{L^IZv1EL*>zTF8;+o{^o#A8H*eni&pazp
zW_<Cj*RIeP{YwPbBZPb}Kfm_u<2~|#M+lRwV7mPt*SM657Y8hxB>Zls?-+-HEF&Sq
zm}e@Ms(T>2`-R99&!RvUVGxQm7a2NbaFx$?g;f55yqj0o=M-=XoKAuB<b~%iUDUSE
zcu&*EHs3tmFlXfya0)mDoB~b(r+`zyDc}@v3j8k=Q2811E;6~V&SqHO&#c|+S9fy?
zI0c*nP64NYQ@|<U6mSYS1)Ks-0jGdd;6JDUiwJq?K|&^H5j_6?Z~y-P`C&r71|NU~
zyaHO_uM0RM0KNmCf}7w~@C3Mho{(GML$Cl7FakTE4K~3B_+x{R-@vcnC-4pU4BP@Y
z!Rz2Mco{qi&VoPB5%L501iS}E;8Act`1>J3eg{8-kHHbhK?I%yPk~Kv0c?PC;1}e3
z8+;4C0$+kJz(?SHpuiMpUG{;yoB~b(r+`zyDc}@v3jA9I+O7IDV|#~CTyvW7+2uq`
z^a)40Fl{NzM~W%FCw2>w%MRf;a#1K6@qJb%iiRS~c&J+V?aJ6MDp%TFDS5F?r5^3G
zQcXL?px~-3GCC(1iCNbC(>`sP5pCKZz{q%Qn}NL`iVp|ok<w!?cpaBYiHwSDn8e}r
z{#=&hG*&u~#b9Kfseb7NmEqD&!)0I_sdh8P$x+^)a~+1{YL881i~EWd6R!M2mXy3*
zC5%LAp0JQlMH2C%?+rzovd)O-yg=qrM-TOV->W01)Qs-W722(fUYzBnIytvSTzW1n
zLmEr&7hH<ukhgkoa2Bd7thgSDSw^KOix7dQb;E)NgGQv3PIzVlvm<s3ei-vvf8Me~
zwDikhwHSMBZ1sQ?Bc5Qvd4yIQzK%<-nj!z{rD?O$6@G^1fURow*UDgL;OK3mr_M3r
zbyz(t8x0dC<yDsQzGoxvjzx6j4M=U)P;NEzaz$g6@KY}7p0+)44Rwdjps|SS0qTrc
z4B-(RrBw-_WN2Mvxh^fgQGBhO9VLQA)y}sQ=pqs*DP33@60g(L8)=*BpH+oXU6fkD
zZTn!`l@1rC`c}2U5=B_ghT@yUXVtc<AYGHT9Br=+0eyI^wuC6E(lsTsta{&?nvYE7
z`|Za5=;-pQ9GE?I4KB@=)&tF_r{&FxSaGlEz+`I+^Q0litZO~YRKrS}dyc6@GE-=|
z?qpvjRDVacQf4i!Trtj#<72t@VWl`+p3*Jf4^X)=R$yy~)RtbMtGSy-JV@ekAk|UA
zWe`dkEIYa^Nqn?;cFfi!R?~9aT~+})w`}KJFQ@)O(?vaP<*49Md1E!NQQUqKju~37
f>$VZE%vKS5%Pi*2O<^al4b8+WQ!{aMLd^3IA*Ee<

literal 0
HcmV?d00001

diff --git a/src/components/Post.js b/src/components/Post.js
index 645a2c3..d7af679 100644
--- a/src/components/Post.js
+++ b/src/components/Post.js
@@ -2,83 +2,82 @@ import React from 'react';
 import ReactMarkdown from 'react-markdown';
 import 'github-markdown-css'
 import { connect } from 'react-redux';
-import { fetchPost } from '../actions';
+import { fetchPost,newComment } from '../actions';
 import { Link } from 'react-router-dom';
 
 class Post extends React.Component {
-    constructor (props) {
-        super(props)
-        this.state = {
-            isLoading: true
-        }
-    }
-    componentDidMount() {
-        const { slug } = this.props.match.params
-        this.props.fetchPost(slug)
-            .then(() => this.setState({isLoading: false}))
+  constructor (props) {
+    super(props)
+    this.state = {
+        isLoading: true
     }
+  }
+  componentDidMount() {
+    const { slug } = this.props.match.params
+    this.props.fetchPost(slug)
+      .then(() => this.setState({isLoading: false}))
+  }
 
-    renderComments(comments) {
-        if (comments) {
-          return comments.map(comment => {
-              return (
-                  <div className="item" key={comment.id}>
-                      <div className="content">
-                          <div className="markdown-body">
-                            <ReactMarkdown source={comment.content} />
-                          </div>
-                      </div>
-                  </div>
-              );
-          });
-        }
-    }
-
-    renderPost() {
-        const {posts} = this.props
-        const post = posts.entities[posts.currentId]
-        return(
-            <div className="container">
-            <div className="item" key={post.id}>
-                <div className="content">
-                    <div className="description">
-                        <h1><b><u><Link to={"/posts/" + post.slug}>{post.title}</Link></u></b></h1>
-                        <h3><b>By <Link to={"/users/"+ post.author}>{post.author}</Link></b></h3>
-                        <h4>Posted {post.time_published}</h4>
-                        <div className="markdown-body">
-                            <ReactMarkdown source={post.content} />
-                        </div>
-                    </div>
-                </div>
-            </div>
-            { this.renderComments(post.comments) }
-            </div>
-        )
-    }
-
-    render () {
-        const {isLoading} = this.state
-
-        if (isLoading) {
-            return <p>Loading</p>
-        } else {
-            return (
-              <div>
-                { this.renderPost() }
+  renderComments(comments, parent_id) {
+    if (comments) {
+      return comments.map(comment => {
+        return (
+          <div className="item" key={comment.id}>
+            <div className="content">
+              <div className="markdown-body">
+                <ReactMarkdown source={comment.content} />
               </div>
-            );
-        }
+            </div>
+          </div>
+        );
+      });
     }
+  }
+
+  renderPost() {
+    const {posts} = this.props
+    const post = posts.entities[posts.currentId]
+    return(
+      <div className="container">
+      <div className="item" key={post.id}>
+        <div className="content">
+          <div className="description">
+            <h1><b><u><Link to={"/posts/" + post.slug}>{post.title}</Link></u></b></h1>
+            <h3><b>By <Link to={"/users/"+ post.author}>{post.author}</Link></b></h3>
+            <h4>Posted {post.time_published}</h4>
+            <div className="markdown-body">
+              <ReactMarkdown source={post.content} />
+            </div>
+          </div>
+        </div>
+      </div>
+        { this.renderComments(post.comments,post.id) }
+      </div>
+    )
+  }
+
+  render () {
+    const {isLoading} = this.state
+    if (isLoading) {
+        return <p>Loading</p>
+    } else {
+        return (
+          <div>
+            { this.renderPost() }
+          </div>
+        );
+    }
+  }
 }
 
 const mapStateToProps = (state) => {
-    return {
-        posts: state.posts,
-        slug: state.slug
-    };
+  return {
+    posts: state.posts,
+    slug: state.slug
+  };
 }
 
 export default connect(
-    mapStateToProps,
-    { fetchPost }
+  mapStateToProps,
+  { fetchPost, newComment },
 )(Post);