payload: {"action":"created","comment":{"url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/pulls/comments/268385114","pull_request_review_id":218029354,"id":268385114,"node_id":"MDI0OlB1bGxSZXF1ZXN0UmV2aWV3Q29tbWVudDI2ODM4NTExNA==","diff_hunk":"@@ -0,0 +1,67 @@\n+import React, { Component } from \"react\";\n+import Comment from \"./Comment\";\n+import \"./CommentSection.scss\";\n+import PropTypes from \"prop-types\";\n+\n+// chaniging to class component to controls state and add event handlers for adding comments and rendering here\n+\n+class CommentSectionConatiner extends Component {\n+  constructor(props) {\n+    super(props);\n+    console.log(this.props);\n+\n+    this.state = {\n+      comments: this.props.comments,\n+      text: \"\"\n+    };\n+  }\n+\n+  addNewComment = event => {\n+    event.preventDefault();\n+    this.setState(prevState => ({\n+      comments: [\n+        ...prevState.comments,\n+        {\n+          username: \"jtaylorhicks\",\n+          text: this.state.text\n+        }\n+      ]\n+    }));\n+    this.setState({\n+      text: \"\"\n+    });\n+  };\n+\n+  // add functionality for adding new comments using prevState instead of hard-coding and using spread-operator instead to practice ES6;\n+\n+  changeHandler = event => {\n+    this.setState({ [event.target.name]: event.target.value });\n+  };\n+\n+  render() {\n+    console.log(this.state.comments);\n+    return (\n+      <div className=\"comments-section\">\n+        {this.state.comments.map((comment, index) => (\n+          <Comment comment={comment} key={index} />\n+        ))}\n+\n+        <form onSubmit={this.addNewComment}>\n+          <input\n+            type=\"text\"\n+            name=\"text\"\n+            placeholder=\"Add A Comment...\"\n+            onChange={this.changeHandler}\n+            value={this.state.text}\n+          />\n+        </form>\n+      </div>\n+    );\n+  }\n+}\n+\n+CommentSectionConatiner.propTypes = {","path":"instagram/src/Components/CommentSection/CommentSectionContainer.js","position":63,"original_position":63,"commit_id":"07ec2f6b939799e6b09783ecf486e9b6a4afa350","original_commit_id":"07ec2f6b939799e6b09783ecf486e9b6a4afa350","user":{"login":"kyranmccann","id":27053629,"node_id":"MDQ6VXNlcjI3MDUzNjI5","avatar_url":"https://avatars0.githubusercontent.com/u/27053629?v=4","gravatar_id":"","url":"https://api.github.com/users/kyranmccann","html_url":"https://github.com/kyranmccann","followers_url":"https://api.github.com/users/kyranmccann/followers","following_url":"https://api.github.com/users/kyranmccann/following{/other_user}","gists_url":"https://api.github.com/users/kyranmccann/gists{/gist_id}","starred_url":"https://api.github.com/users/kyranmccann/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kyranmccann/subscriptions","organizations_url":"https://api.github.com/users/kyranmccann/orgs","repos_url":"https://api.github.com/users/kyranmccann/repos","events_url":"https://api.github.com/users/kyranmccann/events{/privacy}","received_events_url":"https://api.github.com/users/kyranmccann/received_events","type":"User","site_admin":false},"body":"i'm impressed at your consistent spelling here","created_at":"2019-03-23T07:07:53Z","updated_at":"2019-03-23T07:10:02Z","html_url":"https://github.com/jthicks91/React-Insta-Clone/pull/1#discussion_r268385114","pull_request_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/pulls/1","author_association":"COLLABORATOR","_links":{"self":{"href":"https://api.github.com/repos/jthicks91/React-Insta-Clone/pulls/comments/268385114"},"html":{"href":"https://github.com/jthicks91/React-Insta-Clone/pull/1#discussion_r268385114"},"pull_request":{"href":"https://api.github.com/repos/jthicks91/React-Insta-Clone/pulls/1"}}},"pull_request":{"url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/pulls/1","id":260613360,"node_id":"MDExOlB1bGxSZXF1ZXN0MjYwNjEzMzYw","html_url":"https://github.com/jthicks91/React-Insta-Clone/pull/1","diff_url":"https://github.com/jthicks91/React-Insta-Clone/pull/1.diff","patch_url":"https://github.com/jthicks91/React-Insta-Clone/pull/1.patch","issue_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/issues/1","number":1,"state":"open","locked":false,"title":" initial commit for React-Insta-Clone","user":{"login":"jthicks91","id":35437952,"node_id":"MDQ6VXNlcjM1NDM3OTUy","avatar_url":"https://avatars0.githubusercontent.com/u/35437952?v=4","gravatar_id":"","url":"https://api.github.com/users/jthicks91","html_url":"https://github.com/jthicks91","followers_url":"https://api.github.com/users/jthicks91/followers","following_url":"https://api.github.com/users/jthicks91/following{/other_user}","gists_url":"https://api.github.com/users/jthicks91/gists{/gist_id}","starred_url":"https://api.github.com/users/jthicks91/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jthicks91/subscriptions","organizations_url":"https://api.github.com/users/jthicks91/orgs","repos_url":"https://api.github.com/users/jthicks91/repos","events_url":"https://api.github.com/users/jthicks91/events{/privacy}","received_events_url":"https://api.github.com/users/jthicks91/received_events","type":"User","site_admin":false},"body":"","created_at":"2019-03-13T03:47:17Z","updated_at":"2019-03-23T07:10:02Z","closed_at":null,"merged_at":null,"merge_commit_sha":"315bf699b28f4ccc1e0cdb5812eeaf876c1b12c9","assignee":null,"assignees":[],"requested_reviewers":[],"requested_teams":[],"labels":[],"milestone":null,"commits_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/pulls/1/commits","review_comments_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/pulls/1/comments","review_comment_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/pulls/comments{/number}","comments_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/issues/1/comments","statuses_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/statuses/07ec2f6b939799e6b09783ecf486e9b6a4afa350","head":{"label":"jthicks91:Jordan-Hicks","ref":"Jordan-Hicks","sha":"07ec2f6b939799e6b09783ecf486e9b6a4afa350","user":{"login":"jthicks91","id":35437952,"node_id":"MDQ6VXNlcjM1NDM3OTUy","avatar_url":"https://avatars0.githubusercontent.com/u/35437952?v=4","gravatar_id":"","url":"https://api.github.com/users/jthicks91","html_url":"https://github.com/jthicks91","followers_url":"https://api.github.com/users/jthicks91/followers","following_url":"https://api.github.com/users/jthicks91/following{/other_user}","gists_url":"https://api.github.com/users/jthicks91/gists{/gist_id}","starred_url":"https://api.github.com/users/jthicks91/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jthicks91/subscriptions","organizations_url":"https://api.github.com/users/jthicks91/orgs","repos_url":"https://api.github.com/users/jthicks91/repos","events_url":"https://api.github.com/users/jthicks91/events{/privacy}","received_events_url":"https://api.github.com/users/jthicks91/received_events","type":"User","site_admin":false},"repo":{"id":175340795,"node_id":"MDEwOlJlcG9zaXRvcnkxNzUzNDA3OTU=","name":"React-Insta-Clone","full_name":"jthicks91/React-Insta-Clone","private":false,"owner":{"login":"jthicks91","id":35437952,"node_id":"MDQ6VXNlcjM1NDM3OTUy","avatar_url":"https://avatars0.githubusercontent.com/u/35437952?v=4","gravatar_id":"","url":"https://api.github.com/users/jthicks91","html_url":"https://github.com/jthicks91","followers_url":"https://api.github.com/users/jthicks91/followers","following_url":"https://api.github.com/users/jthicks91/following{/other_user}","gists_url":"https://api.github.com/users/jthicks91/gists{/gist_id}","starred_url":"https://api.github.com/users/jthicks91/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jthicks91/subscriptions","organizations_url":"https://api.github.com/users/jthicks91/orgs","repos_url":"https://api.github.com/users/jthicks91/repos","events_url":"https://api.github.com/users/jthicks91/events{/privacy}","received_events_url":"https://api.github.com/users/jthicks91/received_events","type":"User","site_admin":false},"html_url":"https://github.com/jthicks91/React-Insta-Clone","description":null,"fork":true,"url":"https://api.github.com/repos/jthicks91/React-Insta-Clone","forks_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/forks","keys_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/keys{/key_id}","collaborators_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/teams","hooks_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/hooks","issue_events_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/issues/events{/number}","events_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/events","assignees_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/assignees{/user}","branches_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/branches{/branch}","tags_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/tags","blobs_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/git/refs{/sha}","trees_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/git/trees{/sha}","statuses_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/statuses/{sha}","languages_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/languages","stargazers_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/stargazers","contributors_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/contributors","subscribers_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/subscribers","subscription_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/subscription","commits_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/commits{/sha}","git_commits_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/git/commits{/sha}","comments_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/comments{/number}","issue_comment_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/issues/comments{/number}","contents_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/contents/{+path}","compare_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/compare/{base}...{head}","merges_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/merges","archive_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/downloads","issues_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/issues{/number}","pulls_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/pulls{/number}","milestones_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/milestones{/number}","notifications_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/labels{/name}","releases_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/releases{/id}","deployments_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/deployments","created_at":"2019-03-13T03:38:12Z","updated_at":"2019-03-13T03:38:14Z","pushed_at":"2019-03-23T00:36:52Z","git_url":"git://github.com/jthicks91/React-Insta-Clone.git","ssh_url":"git@github.com:jthicks91/React-Insta-Clone.git","clone_url":"https://github.com/jthicks91/React-Insta-Clone.git","svn_url":"https://github.com/jthicks91/React-Insta-Clone","homepage":null,"size":2012,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":false,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"archived":false,"open_issues_count":1,"license":null,"forks":0,"open_issues":1,"watchers":0,"default_branch":"master"}},"base":{"label":"jthicks91:master","ref":"master","sha":"70a906ee6eb74559b71faabbab37e619010e02ee","user":{"login":"jthicks91","id":35437952,"node_id":"MDQ6VXNlcjM1NDM3OTUy","avatar_url":"https://avatars0.githubusercontent.com/u/35437952?v=4","gravatar_id":"","url":"https://api.github.com/users/jthicks91","html_url":"https://github.com/jthicks91","followers_url":"https://api.github.com/users/jthicks91/followers","following_url":"https://api.github.com/users/jthicks91/following{/other_user}","gists_url":"https://api.github.com/users/jthicks91/gists{/gist_id}","starred_url":"https://api.github.com/users/jthicks91/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jthicks91/subscriptions","organizations_url":"https://api.github.com/users/jthicks91/orgs","repos_url":"https://api.github.com/users/jthicks91/repos","events_url":"https://api.github.com/users/jthicks91/events{/privacy}","received_events_url":"https://api.github.com/users/jthicks91/received_events","type":"User","site_admin":false},"repo":{"id":175340795,"node_id":"MDEwOlJlcG9zaXRvcnkxNzUzNDA3OTU=","name":"React-Insta-Clone","full_name":"jthicks91/React-Insta-Clone","private":false,"owner":{"login":"jthicks91","id":35437952,"node_id":"MDQ6VXNlcjM1NDM3OTUy","avatar_url":"https://avatars0.githubusercontent.com/u/35437952?v=4","gravatar_id":"","url":"https://api.github.com/users/jthicks91","html_url":"https://github.com/jthicks91","followers_url":"https://api.github.com/users/jthicks91/followers","following_url":"https://api.github.com/users/jthicks91/following{/other_user}","gists_url":"https://api.github.com/users/jthicks91/gists{/gist_id}","starred_url":"https://api.github.com/users/jthicks91/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jthicks91/subscriptions","organizations_url":"https://api.github.com/users/jthicks91/orgs","repos_url":"https://api.github.com/users/jthicks91/repos","events_url":"https://api.github.com/users/jthicks91/events{/privacy}","received_events_url":"https://api.github.com/users/jthicks91/received_events","type":"User","site_admin":false},"html_url":"https://github.com/jthicks91/React-Insta-Clone","description":null,"fork":true,"url":"https://api.github.com/repos/jthicks91/React-Insta-Clone","forks_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/forks","keys_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/keys{/key_id}","collaborators_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/teams","hooks_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/hooks","issue_events_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/issues/events{/number}","events_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/events","assignees_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/assignees{/user}","branches_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/branches{/branch}","tags_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/tags","blobs_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/git/refs{/sha}","trees_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/git/trees{/sha}","statuses_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/statuses/{sha}","languages_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/languages","stargazers_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/stargazers","contributors_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/contributors","subscribers_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/subscribers","subscription_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/subscription","commits_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/commits{/sha}","git_commits_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/git/commits{/sha}","comments_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/comments{/number}","issue_comment_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/issues/comments{/number}","contents_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/contents/{+path}","compare_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/compare/{base}...{head}","merges_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/merges","archive_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/downloads","issues_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/issues{/number}","pulls_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/pulls{/number}","milestones_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/milestones{/number}","notifications_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/labels{/name}","releases_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/releases{/id}","deployments_url":"https://api.github.com/repos/jthicks91/React-Insta-Clone/deployments","created_at":"2019-03-13T03:38:12Z","updated_at":"2019-03-13T03:38:14Z","pushed_at":"2019-03-23T00:36:52Z","git_url":"git://github.com/jthicks91/React-Insta-Clone.git","ssh_url":"git@github.com:jthicks91/React-Insta-Clone.git","clone_url":"https://github.com/jthicks91/React-Insta-Clone.git","svn_url":"https://github.com/jthicks91/React-Insta-Clone","homepage":null,"size":2012,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":false,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"archived":false,"open_issues_count":1,"license":null,"forks":0,"open_issues":1,"watchers":0,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/jthicks91/React-Insta-Clone/pulls/1"},"html":{"href":"https://github.com/jthicks91/React-Insta-Clone/pull/1"},"issue":{"href":"https://api.github.com/repos/jthicks91/React-Insta-Clone/issues/1"},"comments":{"href":"https://api.github.com/repos/jthicks91/React-Insta-Clone/issues/1/comments"},"review_comments":{"href":"https://api.github.com/repos/jthicks91/React-Insta-Clone/pulls/1/comments"},"review_comment":{"href":"https://api.github.com/repos/jthicks91/React-Insta-Clone/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/jthicks91/React-Insta-Clone/pulls/1/commits"},"statuses":{"href":"https://api.github.com/repos/jthicks91/React-Insta-Clone/statuses/07ec2f6b939799e6b09783ecf486e9b6a4afa350"}},"author_association":"OWNER"}}
other: {"actor":{"display_login":"kyranmccann"}}