{"action":"created","comment":{"url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/pulls/comments/213856626","pull_request_review_id":150779908,"id":213856626,"node_id":"MDI0OlB1bGxSZXF1ZXN0UmV2aWV3Q29tbWVudDIxMzg1NjYyNg==","diff_hunk":"@@ -1,23 +1,81 @@\n-import React from 'react';\n-import './App.css';\n+import React from \"react\";\n+import \"./App.css\";\n+import CalculatorDisplay from \"./components/DisplayComponents/CalculatorDisplay\";\n+import ButtonContainer from \"./components/ButtonComponents/ButtonContainer\";\n+import ActionButton from \"./components/ButtonComponents/ActionButton\";\n+import NumberButton from \"./components/ButtonComponents/NumberButton\";\n \n-const App = () => {\n-  return (\n-    <div>\n-      <h3>Welcome to React Calculator</h3>\n-      <p>\n-        We have given you a starter project. You'll want to build out your\n-        components in their respective files, remove this code and replace it\n-        with the proper components.\n-      </p>\n-      <p>\n-        <strong>\n-          Don't forget to `default export` your components and import them here\n-          inside of this file in order to make them work.\n-        </strong>\n-      </p>\n+class App extends React.Component {\n+  render() {\n+return(\n+    <div className=\"calculator-wrapper\">\n+      <CalculatorDisplay />\n+      <ButtonContainer className=\"clear-button\">","path":"Day-II-Calculator/calculator/src/App.js","position":30,"original_position":30,"commit_id":"a34d6dee583d28f976ee0e32256478ee488aa867","original_commit_id":"a34d6dee583d28f976ee0e32256478ee488aa867","user":{"login":"gooseandmegander","id":16904116,"node_id":"MDQ6VXNlcjE2OTA0MTE2","avatar_url":"https://avatars1.githubusercontent.com/u/16904116?v=4","gravatar_id":"","url":"https://api.github.com/users/gooseandmegander","html_url":"https://github.com/gooseandmegander","followers_url":"https://api.github.com/users/gooseandmegander/followers","following_url":"https://api.github.com/users/gooseandmegander/following{/other_user}","gists_url":"https://api.github.com/users/gooseandmegander/gists{/gist_id}","starred_url":"https://api.github.com/users/gooseandmegander/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gooseandmegander/subscriptions","organizations_url":"https://api.github.com/users/gooseandmegander/orgs","repos_url":"https://api.github.com/users/gooseandmegander/repos","events_url":"https://api.github.com/users/gooseandmegander/events{/privacy}","received_events_url":"https://api.github.com/users/gooseandmegander/received_events","type":"User","site_admin":false},"body":"The way your using ButtonContainer here is for presentation. A div with `className=\"clear-button\"` would be better. Then keep `<ActionButton className=\"three-text\" text=\"clear\" />` and `<NumberButton bgColor=\"red-button\" text=\"/\" />` in the same place. You won't need to use props.children. To pass down classNames/styles, do what you've been doing with attributes like `text=\"clear\"`. ","created_at":"2018-08-29T22:39:20Z","updated_at":"2018-08-29T22:41:59Z","html_url":"https://github.com/LambdaSchool/React-UI-Components/pull/221#discussion_r213856626","pull_request_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/pulls/221","author_association":"NONE","_links":{"self":{"href":"https://api.github.com/repos/LambdaSchool/React-UI-Components/pulls/comments/213856626"},"html":{"href":"https://github.com/LambdaSchool/React-UI-Components/pull/221#discussion_r213856626"},"pull_request":{"href":"https://api.github.com/repos/LambdaSchool/React-UI-Components/pulls/221"}}},"pull_request":{"url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/pulls/221","id":211258505,"node_id":"MDExOlB1bGxSZXF1ZXN0MjExMjU4NTA1","html_url":"https://github.com/LambdaSchool/React-UI-Components/pull/221","diff_url":"https://github.com/LambdaSchool/React-UI-Components/pull/221.diff","patch_url":"https://github.com/LambdaSchool/React-UI-Components/pull/221.patch","issue_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/issues/221","number":221,"state":"open","locked":false,"title":"Built up MVP, needs review","user":{"login":"Csillag61","id":26772055,"node_id":"MDQ6VXNlcjI2NzcyMDU1","avatar_url":"https://avatars2.githubusercontent.com/u/26772055?v=4","gravatar_id":"","url":"https://api.github.com/users/Csillag61","html_url":"https://github.com/Csillag61","followers_url":"https://api.github.com/users/Csillag61/followers","following_url":"https://api.github.com/users/Csillag61/following{/other_user}","gists_url":"https://api.github.com/users/Csillag61/gists{/gist_id}","starred_url":"https://api.github.com/users/Csillag61/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Csillag61/subscriptions","organizations_url":"https://api.github.com/users/Csillag61/orgs","repos_url":"https://api.github.com/users/Csillag61/repos","events_url":"https://api.github.com/users/Csillag61/events{/privacy}","received_events_url":"https://api.github.com/users/Csillag61/received_events","type":"User","site_admin":false},"body":"","created_at":"2018-08-27T23:19:55Z","updated_at":"2018-08-29T22:41:59Z","closed_at":null,"merged_at":null,"merge_commit_sha":"5e49b9a61c6f1e347311194f9e3a59c54f415093","assignee":null,"assignees":[],"requested_reviewers":[],"requested_teams":[],"labels":[],"milestone":null,"commits_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/pulls/221/commits","review_comments_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/pulls/221/comments","review_comment_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/pulls/comments{/number}","comments_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/issues/221/comments","statuses_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/statuses/a34d6dee583d28f976ee0e32256478ee488aa867","head":{"label":"Csillag61:master","ref":"master","sha":"a34d6dee583d28f976ee0e32256478ee488aa867","user":{"login":"Csillag61","id":26772055,"node_id":"MDQ6VXNlcjI2NzcyMDU1","avatar_url":"https://avatars2.githubusercontent.com/u/26772055?v=4","gravatar_id":"","url":"https://api.github.com/users/Csillag61","html_url":"https://github.com/Csillag61","followers_url":"https://api.github.com/users/Csillag61/followers","following_url":"https://api.github.com/users/Csillag61/following{/other_user}","gists_url":"https://api.github.com/users/Csillag61/gists{/gist_id}","starred_url":"https://api.github.com/users/Csillag61/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Csillag61/subscriptions","organizations_url":"https://api.github.com/users/Csillag61/orgs","repos_url":"https://api.github.com/users/Csillag61/repos","events_url":"https://api.github.com/users/Csillag61/events{/privacy}","received_events_url":"https://api.github.com/users/Csillag61/received_events","type":"User","site_admin":false},"repo":{"id":146336534,"node_id":"MDEwOlJlcG9zaXRvcnkxNDYzMzY1MzQ=","name":"React-UI-Components","full_name":"Csillag61/React-UI-Components","owner":{"login":"Csillag61","id":26772055,"node_id":"MDQ6VXNlcjI2NzcyMDU1","avatar_url":"https://avatars2.githubusercontent.com/u/26772055?v=4","gravatar_id":"","url":"https://api.github.com/users/Csillag61","html_url":"https://github.com/Csillag61","followers_url":"https://api.github.com/users/Csillag61/followers","following_url":"https://api.github.com/users/Csillag61/following{/other_user}","gists_url":"https://api.github.com/users/Csillag61/gists{/gist_id}","starred_url":"https://api.github.com/users/Csillag61/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Csillag61/subscriptions","organizations_url":"https://api.github.com/users/Csillag61/orgs","repos_url":"https://api.github.com/users/Csillag61/repos","events_url":"https://api.github.com/users/Csillag61/events{/privacy}","received_events_url":"https://api.github.com/users/Csillag61/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/Csillag61/React-UI-Components","description":"This is a project to be used by students to build out User Interfaces solely with functional components in ReactJS","fork":true,"url":"https://api.github.com/repos/Csillag61/React-UI-Components","forks_url":"https://api.github.com/repos/Csillag61/React-UI-Components/forks","keys_url":"https://api.github.com/repos/Csillag61/React-UI-Components/keys{/key_id}","collaborators_url":"https://api.github.com/repos/Csillag61/React-UI-Components/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/Csillag61/React-UI-Components/teams","hooks_url":"https://api.github.com/repos/Csillag61/React-UI-Components/hooks","issue_events_url":"https://api.github.com/repos/Csillag61/React-UI-Components/issues/events{/number}","events_url":"https://api.github.com/repos/Csillag61/React-UI-Components/events","assignees_url":"https://api.github.com/repos/Csillag61/React-UI-Components/assignees{/user}","branches_url":"https://api.github.com/repos/Csillag61/React-UI-Components/branches{/branch}","tags_url":"https://api.github.com/repos/Csillag61/React-UI-Components/tags","blobs_url":"https://api.github.com/repos/Csillag61/React-UI-Components/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/Csillag61/React-UI-Components/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/Csillag61/React-UI-Components/git/refs{/sha}","trees_url":"https://api.github.com/repos/Csillag61/React-UI-Components/git/trees{/sha}","statuses_url":"https://api.github.com/repos/Csillag61/React-UI-Components/statuses/{sha}","languages_url":"https://api.github.com/repos/Csillag61/React-UI-Components/languages","stargazers_url":"https://api.github.com/repos/Csillag61/React-UI-Components/stargazers","contributors_url":"https://api.github.com/repos/Csillag61/React-UI-Components/contributors","subscribers_url":"https://api.github.com/repos/Csillag61/React-UI-Components/subscribers","subscription_url":"https://api.github.com/repos/Csillag61/React-UI-Components/subscription","commits_url":"https://api.github.com/repos/Csillag61/React-UI-Components/commits{/sha}","git_commits_url":"https://api.github.com/repos/Csillag61/React-UI-Components/git/commits{/sha}","comments_url":"https://api.github.com/repos/Csillag61/React-UI-Components/comments{/number}","issue_comment_url":"https://api.github.com/repos/Csillag61/React-UI-Components/issues/comments{/number}","contents_url":"https://api.github.com/repos/Csillag61/React-UI-Components/contents/{+path}","compare_url":"https://api.github.com/repos/Csillag61/React-UI-Components/compare/{base}...{head}","merges_url":"https://api.github.com/repos/Csillag61/React-UI-Components/merges","archive_url":"https://api.github.com/repos/Csillag61/React-UI-Components/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/Csillag61/React-UI-Components/downloads","issues_url":"https://api.github.com/repos/Csillag61/React-UI-Components/issues{/number}","pulls_url":"https://api.github.com/repos/Csillag61/React-UI-Components/pulls{/number}","milestones_url":"https://api.github.com/repos/Csillag61/React-UI-Components/milestones{/number}","notifications_url":"https://api.github.com/repos/Csillag61/React-UI-Components/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/Csillag61/React-UI-Components/labels{/name}","releases_url":"https://api.github.com/repos/Csillag61/React-UI-Components/releases{/id}","deployments_url":"https://api.github.com/repos/Csillag61/React-UI-Components/deployments","created_at":"2018-08-27T18:17:38Z","updated_at":"2018-08-29T02:46:01Z","pushed_at":"2018-08-29T02:45:59Z","git_url":"git://github.com/Csillag61/React-UI-Components.git","ssh_url":"git@github.com:Csillag61/React-UI-Components.git","clone_url":"https://github.com/Csillag61/React-UI-Components.git","svn_url":"https://github.com/Csillag61/React-UI-Components","homepage":null,"size":747,"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":0,"license":null,"forks":0,"open_issues":0,"watchers":0,"default_branch":"master"}},"base":{"label":"LambdaSchool:master","ref":"master","sha":"716eabf6dd6008131ef4a341ea5258c5e40f4ed3","user":{"login":"LambdaSchool","id":24780114,"node_id":"MDEyOk9yZ2FuaXphdGlvbjI0NzgwMTE0","avatar_url":"https://avatars1.githubusercontent.com/u/24780114?v=4","gravatar_id":"","url":"https://api.github.com/users/LambdaSchool","html_url":"https://github.com/LambdaSchool","followers_url":"https://api.github.com/users/LambdaSchool/followers","following_url":"https://api.github.com/users/LambdaSchool/following{/other_user}","gists_url":"https://api.github.com/users/LambdaSchool/gists{/gist_id}","starred_url":"https://api.github.com/users/LambdaSchool/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/LambdaSchool/subscriptions","organizations_url":"https://api.github.com/users/LambdaSchool/orgs","repos_url":"https://api.github.com/users/LambdaSchool/repos","events_url":"https://api.github.com/users/LambdaSchool/events{/privacy}","received_events_url":"https://api.github.com/users/LambdaSchool/received_events","type":"Organization","site_admin":false},"repo":{"id":127214846,"node_id":"MDEwOlJlcG9zaXRvcnkxMjcyMTQ4NDY=","name":"React-UI-Components","full_name":"LambdaSchool/React-UI-Components","owner":{"login":"LambdaSchool","id":24780114,"node_id":"MDEyOk9yZ2FuaXphdGlvbjI0NzgwMTE0","avatar_url":"https://avatars1.githubusercontent.com/u/24780114?v=4","gravatar_id":"","url":"https://api.github.com/users/LambdaSchool","html_url":"https://github.com/LambdaSchool","followers_url":"https://api.github.com/users/LambdaSchool/followers","following_url":"https://api.github.com/users/LambdaSchool/following{/other_user}","gists_url":"https://api.github.com/users/LambdaSchool/gists{/gist_id}","starred_url":"https://api.github.com/users/LambdaSchool/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/LambdaSchool/subscriptions","organizations_url":"https://api.github.com/users/LambdaSchool/orgs","repos_url":"https://api.github.com/users/LambdaSchool/repos","events_url":"https://api.github.com/users/LambdaSchool/events{/privacy}","received_events_url":"https://api.github.com/users/LambdaSchool/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/LambdaSchool/React-UI-Components","description":"This is a project to be used by students to build out User Interfaces solely with functional components in ReactJS","fork":false,"url":"https://api.github.com/repos/LambdaSchool/React-UI-Components","forks_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/forks","keys_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/keys{/key_id}","collaborators_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/teams","hooks_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/hooks","issue_events_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/issues/events{/number}","events_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/events","assignees_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/assignees{/user}","branches_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/branches{/branch}","tags_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/tags","blobs_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/git/refs{/sha}","trees_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/git/trees{/sha}","statuses_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/statuses/{sha}","languages_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/languages","stargazers_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/stargazers","contributors_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/contributors","subscribers_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/subscribers","subscription_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/subscription","commits_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/commits{/sha}","git_commits_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/git/commits{/sha}","comments_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/comments{/number}","issue_comment_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/issues/comments{/number}","contents_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/contents/{+path}","compare_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/compare/{base}...{head}","merges_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/merges","archive_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/downloads","issues_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/issues{/number}","pulls_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/pulls{/number}","milestones_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/milestones{/number}","notifications_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/labels{/name}","releases_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/releases{/id}","deployments_url":"https://api.github.com/repos/LambdaSchool/React-UI-Components/deployments","created_at":"2018-03-29T00:32:28Z","updated_at":"2018-08-27T18:18:19Z","pushed_at":"2018-08-29T19:55:09Z","git_url":"git://github.com/LambdaSchool/React-UI-Components.git","ssh_url":"git@github.com:LambdaSchool/React-UI-Components.git","clone_url":"https://github.com/LambdaSchool/React-UI-Components.git","svn_url":"https://github.com/LambdaSchool/React-UI-Components","homepage":null,"size":380,"stargazers_count":1,"watchers_count":1,"language":"HTML","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":297,"mirror_url":null,"archived":false,"open_issues_count":222,"license":null,"forks":297,"open_issues":222,"watchers":1,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/LambdaSchool/React-UI-Components/pulls/221"},"html":{"href":"https://github.com/LambdaSchool/React-UI-Components/pull/221"},"issue":{"href":"https://api.github.com/repos/LambdaSchool/React-UI-Components/issues/221"},"comments":{"href":"https://api.github.com/repos/LambdaSchool/React-UI-Components/issues/221/comments"},"review_comments":{"href":"https://api.github.com/repos/LambdaSchool/React-UI-Components/pulls/221/comments"},"review_comment":{"href":"https://api.github.com/repos/LambdaSchool/React-UI-Components/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/LambdaSchool/React-UI-Components/pulls/221/commits"},"statuses":{"href":"https://api.github.com/repos/LambdaSchool/React-UI-Components/statuses/a34d6dee583d28f976ee0e32256478ee488aa867"}},"author_association":"NONE"}}
{"actor":{"display_login":"gooseandmegander"}}