{"action":"created","comment":{"url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/pulls/comments/180567825","pull_request_review_id":111010469,"id":180567825,"diff_hunk":"@@ -0,0 +1,84 @@\n+import React, { Component } from 'react';\n+import './App.css';\n+import CardForm from '../CardForm/CardForm';\n+import PersonalForm from '../PersonalForm/PersonalForm';\n+import Step from '../Step/Step';\n+\n+export default class App extends Component {\n+    state = {\n+        step: 1,\n+        firstName: '',\n+        lastName: '',\n+        email: '',\n+        cardNumber: ''\n+    };\n+\n+    render() {\n+        return (\n+            <div className=\"container\">\n+                <div className=\"tab-panel\">{this.renderSteps()}</div>\n+                <div className=\"form-content\">{this.renderForm()}</div>\n+                <div className=\"button-panel\">\n+                    <button className=\"button-next\"\n+                            onClick={this.handleClickNextForm}\n+                            disabled={!this.isFormCommitable()}>Next</button>\n+                </div>\n+            </div>\n+        )\n+    };\n+\n+    handleClickNextForm = () => {\n+        this.setState({step: this.state.step + 1});\n+    };\n+\n+    handleTabClick = (step) => {\n+        this.setState({step: step});\n+    };\n+\n+    handleChangeForm = (firstArg, secondArg) => {\n+        this.setState({[firstArg]: secondArg});\n+    };\n+\n+    handleChangeTimeOver = () => {\n+        //  Not used\n+    };\n+\n+    isFormCommitable = () => {\n+        const {step, firstName, lastName, email, cardNumber} = this.state;\n+\n+        if (step === 1) {\n+            if (firstName !== '' && lastName !== '' && email !== '' && email.includes('@')) {\n+                return true;\n+            }\n+        } else if (step === 2) {\n+            if (cardNumber.length === 16) {\n+                return true;\n+            }\n+        }\n+\n+        return false;\n+    };\n+\n+    renderForm = () => {\n+        const { step, firstName, lastName, email, cardNumber } = this.state;\n+\n+        switch (step) {\n+            case 1:\n+                return  <PersonalForm firstName={firstName} lastName={lastName} email={email} onChangeForm={this.handleChangeForm} />;","path":"src/components/App/App.js","position":67,"original_position":67,"commit_id":"79f546513b61e2ae78eb722e41920ba1d01f49b8","original_commit_id":"79f546513b61e2ae78eb722e41920ba1d01f49b8","user":{"login":"mvk85","id":20511691,"avatar_url":"https://avatars0.githubusercontent.com/u/20511691?v=4","gravatar_id":"","url":"https://api.github.com/users/mvk85","html_url":"https://github.com/mvk85","followers_url":"https://api.github.com/users/mvk85/followers","following_url":"https://api.github.com/users/mvk85/following{/other_user}","gists_url":"https://api.github.com/users/mvk85/gists{/gist_id}","starred_url":"https://api.github.com/users/mvk85/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mvk85/subscriptions","organizations_url":"https://api.github.com/users/mvk85/orgs","repos_url":"https://api.github.com/users/mvk85/repos","events_url":"https://api.github.com/users/mvk85/events{/privacy}","received_events_url":"https://api.github.com/users/mvk85/received_events","type":"User","site_admin":false},"body":"Отформатировать этот и другие элементы jsx как показывал на созвоне","created_at":"2018-04-10T21:06:24Z","updated_at":"2018-04-10T21:08:56Z","html_url":"https://github.com/dex157/april_loftschool_react_homeworks/pull/35#discussion_r180567825","pull_request_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/pulls/35","author_association":"COLLABORATOR","_links":{"self":{"href":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/pulls/comments/180567825"},"html":{"href":"https://github.com/dex157/april_loftschool_react_homeworks/pull/35#discussion_r180567825"},"pull_request":{"href":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/pulls/35"}}},"pull_request":{"url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/pulls/35","id":180372527,"html_url":"https://github.com/dex157/april_loftschool_react_homeworks/pull/35","diff_url":"https://github.com/dex157/april_loftschool_react_homeworks/pull/35.diff","patch_url":"https://github.com/dex157/april_loftschool_react_homeworks/pull/35.patch","issue_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/issues/35","number":35,"state":"open","locked":false,"title":"Ragulin/homework 3","user":{"login":"ufqrf13vv","id":14088736,"avatar_url":"https://avatars0.githubusercontent.com/u/14088736?v=4","gravatar_id":"","url":"https://api.github.com/users/ufqrf13vv","html_url":"https://github.com/ufqrf13vv","followers_url":"https://api.github.com/users/ufqrf13vv/followers","following_url":"https://api.github.com/users/ufqrf13vv/following{/other_user}","gists_url":"https://api.github.com/users/ufqrf13vv/gists{/gist_id}","starred_url":"https://api.github.com/users/ufqrf13vv/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ufqrf13vv/subscriptions","organizations_url":"https://api.github.com/users/ufqrf13vv/orgs","repos_url":"https://api.github.com/users/ufqrf13vv/repos","events_url":"https://api.github.com/users/ufqrf13vv/events{/privacy}","received_events_url":"https://api.github.com/users/ufqrf13vv/received_events","type":"User","site_admin":false},"body":"","created_at":"2018-04-09T17:14:09Z","updated_at":"2018-04-10T21:08:56Z","closed_at":null,"merged_at":null,"merge_commit_sha":"3bef01e04adea00c6c346cdccd8c31262f95128b","assignee":null,"assignees":[],"requested_reviewers":[],"requested_teams":[],"labels":[],"milestone":null,"commits_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/pulls/35/commits","review_comments_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/pulls/35/comments","review_comment_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/pulls/comments{/number}","comments_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/issues/35/comments","statuses_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/statuses/79f546513b61e2ae78eb722e41920ba1d01f49b8","head":{"label":"ufqrf13vv:ragulin/homework_3","ref":"ragulin/homework_3","sha":"79f546513b61e2ae78eb722e41920ba1d01f49b8","user":{"login":"ufqrf13vv","id":14088736,"avatar_url":"https://avatars0.githubusercontent.com/u/14088736?v=4","gravatar_id":"","url":"https://api.github.com/users/ufqrf13vv","html_url":"https://github.com/ufqrf13vv","followers_url":"https://api.github.com/users/ufqrf13vv/followers","following_url":"https://api.github.com/users/ufqrf13vv/following{/other_user}","gists_url":"https://api.github.com/users/ufqrf13vv/gists{/gist_id}","starred_url":"https://api.github.com/users/ufqrf13vv/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ufqrf13vv/subscriptions","organizations_url":"https://api.github.com/users/ufqrf13vv/orgs","repos_url":"https://api.github.com/users/ufqrf13vv/repos","events_url":"https://api.github.com/users/ufqrf13vv/events{/privacy}","received_events_url":"https://api.github.com/users/ufqrf13vv/received_events","type":"User","site_admin":false},"repo":{"id":128006300,"name":"april_loftschool_react_homeworks","full_name":"ufqrf13vv/april_loftschool_react_homeworks","owner":{"login":"ufqrf13vv","id":14088736,"avatar_url":"https://avatars0.githubusercontent.com/u/14088736?v=4","gravatar_id":"","url":"https://api.github.com/users/ufqrf13vv","html_url":"https://github.com/ufqrf13vv","followers_url":"https://api.github.com/users/ufqrf13vv/followers","following_url":"https://api.github.com/users/ufqrf13vv/following{/other_user}","gists_url":"https://api.github.com/users/ufqrf13vv/gists{/gist_id}","starred_url":"https://api.github.com/users/ufqrf13vv/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ufqrf13vv/subscriptions","organizations_url":"https://api.github.com/users/ufqrf13vv/orgs","repos_url":"https://api.github.com/users/ufqrf13vv/repos","events_url":"https://api.github.com/users/ufqrf13vv/events{/privacy}","received_events_url":"https://api.github.com/users/ufqrf13vv/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/ufqrf13vv/april_loftschool_react_homeworks","description":null,"fork":true,"url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks","forks_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/forks","keys_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/keys{/key_id}","collaborators_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/teams","hooks_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/hooks","issue_events_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/issues/events{/number}","events_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/events","assignees_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/assignees{/user}","branches_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/branches{/branch}","tags_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/tags","blobs_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/git/refs{/sha}","trees_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/git/trees{/sha}","statuses_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/statuses/{sha}","languages_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/languages","stargazers_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/stargazers","contributors_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/contributors","subscribers_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/subscribers","subscription_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/subscription","commits_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/commits{/sha}","git_commits_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/git/commits{/sha}","comments_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/comments{/number}","issue_comment_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/issues/comments{/number}","contents_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/contents/{+path}","compare_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/compare/{base}...{head}","merges_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/merges","archive_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/downloads","issues_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/issues{/number}","pulls_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/pulls{/number}","milestones_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/milestones{/number}","notifications_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/labels{/name}","releases_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/releases{/id}","deployments_url":"https://api.github.com/repos/ufqrf13vv/april_loftschool_react_homeworks/deployments","created_at":"2018-04-04T04:20:23Z","updated_at":"2018-04-04T04:20:25Z","pushed_at":"2018-04-09T17:13:26Z","git_url":"git://github.com/ufqrf13vv/april_loftschool_react_homeworks.git","ssh_url":"git@github.com:ufqrf13vv/april_loftschool_react_homeworks.git","clone_url":"https://github.com/ufqrf13vv/april_loftschool_react_homeworks.git","svn_url":"https://github.com/ufqrf13vv/april_loftschool_react_homeworks","homepage":null,"size":123,"stargazers_count":0,"watchers_count":0,"language":"HTML","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":"dex157:ragulin/homework_3","ref":"ragulin/homework_3","sha":"0bc353854b16590c97ece4b25ac3c8f119c8c037","user":{"login":"dex157","id":862978,"avatar_url":"https://avatars2.githubusercontent.com/u/862978?v=4","gravatar_id":"","url":"https://api.github.com/users/dex157","html_url":"https://github.com/dex157","followers_url":"https://api.github.com/users/dex157/followers","following_url":"https://api.github.com/users/dex157/following{/other_user}","gists_url":"https://api.github.com/users/dex157/gists{/gist_id}","starred_url":"https://api.github.com/users/dex157/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dex157/subscriptions","organizations_url":"https://api.github.com/users/dex157/orgs","repos_url":"https://api.github.com/users/dex157/repos","events_url":"https://api.github.com/users/dex157/events{/privacy}","received_events_url":"https://api.github.com/users/dex157/received_events","type":"User","site_admin":false},"repo":{"id":127768582,"name":"april_loftschool_react_homeworks","full_name":"dex157/april_loftschool_react_homeworks","owner":{"login":"dex157","id":862978,"avatar_url":"https://avatars2.githubusercontent.com/u/862978?v=4","gravatar_id":"","url":"https://api.github.com/users/dex157","html_url":"https://github.com/dex157","followers_url":"https://api.github.com/users/dex157/followers","following_url":"https://api.github.com/users/dex157/following{/other_user}","gists_url":"https://api.github.com/users/dex157/gists{/gist_id}","starred_url":"https://api.github.com/users/dex157/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dex157/subscriptions","organizations_url":"https://api.github.com/users/dex157/orgs","repos_url":"https://api.github.com/users/dex157/repos","events_url":"https://api.github.com/users/dex157/events{/privacy}","received_events_url":"https://api.github.com/users/dex157/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/dex157/april_loftschool_react_homeworks","description":null,"fork":false,"url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks","forks_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/forks","keys_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/keys{/key_id}","collaborators_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/teams","hooks_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/hooks","issue_events_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/issues/events{/number}","events_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/events","assignees_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/assignees{/user}","branches_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/branches{/branch}","tags_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/tags","blobs_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/git/refs{/sha}","trees_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/git/trees{/sha}","statuses_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/statuses/{sha}","languages_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/languages","stargazers_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/stargazers","contributors_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/contributors","subscribers_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/subscribers","subscription_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/subscription","commits_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/commits{/sha}","git_commits_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/git/commits{/sha}","comments_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/comments{/number}","issue_comment_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/issues/comments{/number}","contents_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/contents/{+path}","compare_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/compare/{base}...{head}","merges_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/merges","archive_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/downloads","issues_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/issues{/number}","pulls_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/pulls{/number}","milestones_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/milestones{/number}","notifications_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/labels{/name}","releases_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/releases{/id}","deployments_url":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/deployments","created_at":"2018-04-02T14:37:55Z","updated_at":"2018-04-09T21:58:12Z","pushed_at":"2018-04-10T20:01:40Z","git_url":"git://github.com/dex157/april_loftschool_react_homeworks.git","ssh_url":"git@github.com:dex157/april_loftschool_react_homeworks.git","clone_url":"https://github.com/dex157/april_loftschool_react_homeworks.git","svn_url":"https://github.com/dex157/april_loftschool_react_homeworks","homepage":null,"size":32588,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":20,"mirror_url":null,"archived":false,"open_issues_count":39,"license":null,"forks":20,"open_issues":39,"watchers":0,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/pulls/35"},"html":{"href":"https://github.com/dex157/april_loftschool_react_homeworks/pull/35"},"issue":{"href":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/issues/35"},"comments":{"href":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/issues/35/comments"},"review_comments":{"href":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/pulls/35/comments"},"review_comment":{"href":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/pulls/35/commits"},"statuses":{"href":"https://api.github.com/repos/dex157/april_loftschool_react_homeworks/statuses/79f546513b61e2ae78eb722e41920ba1d01f49b8"}},"author_association":"NONE"}}
{"actor":{"display_login":"mvk85"}}