{"action":"created","comment":{"url":"https://api.github.com/repos/Neufund/platform-frontend/pulls/comments/175446215","pull_request_review_id":104974862,"id":175446215,"diff_hunk":"@@ -1,36 +1,88 @@\n import * as React from \"react\";\n+import * as styles from \"./KycFileUploadList.module.scss\";\n \n import { IKycFileInfo } from \"../../../lib/api/KycApi.interfaces\";\n \n import Dropzone from \"react-dropzone\";\n \n+import * as addFileIcon from \"../../../assets/img/add_file.svg\";\n+import * as idImage from \"../../../assets/img/id_img.svg\";\n+import { InlineIcon } from \"../../shared/InlineIcon\";\n+import { UploadedFiles } from \"./UploadedFiles\";\n+\n const ACCEPTED_FILES = \"application/pdf, image/*\";\n \n+import * as plusIcon from \"../../../assets/img/inline_icons/plus.svg\";\n+\n interface IProps {\n   fileUploading: boolean;\n   filesLoading: boolean;\n   files: IKycFileInfo[];\n   onDropFile: (file: File) => void;\n }\n \n-export const KycFileUploadList: React.SFC<IProps> = props => {\n+export const KycFileUploadList: React.SFC<IProps> = ({ files, ...props }) => {\n   const onDrop = (accepted: File[]) => accepted[0] && props.onDropFile(accepted[0]);\n \n-  const inner = props.fileUploading ? <div>Uploading a File</div> : <div>Drop a file here</div>;\n+  const dropzoneInner = props.fileUploading ? (\n+    <>\n+      <img src={addFileIcon} />\n+      <div>Uploading a File</div>\n+    </>\n+  ) : (\n+    <>\n+      <img src={addFileIcon} />\n+      <span>\n+        Drag and drop your files here or <strong>upload</strong>\n+      </span>\n+    </>\n+  );\n \n-  const list = props.files.map(f => (\n-    <div key={f.id}>\n-      Uploaded file: {f.name} || size: {f.size}\n-    </div>\n-  ));\n+  const dropzoneWithFilesInner = (\n+    <>\n+      <InlineIcon svgIcon={plusIcon} />\n+      <span>Add more</span>\n+    </>\n+  );\n+  const dropzoneStyle = {\n+    width: \"210px\",","path":"app/components/kyc/shared/KycFileUploadList.tsx","position":55,"original_position":55,"commit_id":"ab687b70c727a7c7848221d9a3e2fa78ad93f7f0","original_commit_id":"ab687b70c727a7c7848221d9a3e2fa78ad93f7f0","user":{"login":"huesforalice","id":1155738,"avatar_url":"https://avatars3.githubusercontent.com/u/1155738?v=4","gravatar_id":"","url":"https://api.github.com/users/huesforalice","html_url":"https://github.com/huesforalice","followers_url":"https://api.github.com/users/huesforalice/followers","following_url":"https://api.github.com/users/huesforalice/following{/other_user}","gists_url":"https://api.github.com/users/huesforalice/gists{/gist_id}","starred_url":"https://api.github.com/users/huesforalice/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/huesforalice/subscriptions","organizations_url":"https://api.github.com/users/huesforalice/orgs","repos_url":"https://api.github.com/users/huesforalice/repos","events_url":"https://api.github.com/users/huesforalice/events{/privacy}","received_events_url":"https://api.github.com/users/huesforalice/received_events","type":"User","site_admin":false},"body":"Please avoid inline styles, and move this into css files. We will have very strict security settings on the production rollout of this, which will disallow inline styles.","created_at":"2018-03-19T14:07:35Z","updated_at":"2018-03-19T14:07:35Z","html_url":"https://github.com/Neufund/platform-frontend/pull/329#discussion_r175446215","pull_request_url":"https://api.github.com/repos/Neufund/platform-frontend/pulls/329","author_association":"CONTRIBUTOR","_links":{"self":{"href":"https://api.github.com/repos/Neufund/platform-frontend/pulls/comments/175446215"},"html":{"href":"https://github.com/Neufund/platform-frontend/pull/329#discussion_r175446215"},"pull_request":{"href":"https://api.github.com/repos/Neufund/platform-frontend/pulls/329"}}},"pull_request":{"url":"https://api.github.com/repos/Neufund/platform-frontend/pulls/329","id":175465620,"html_url":"https://github.com/Neufund/platform-frontend/pull/329","diff_url":"https://github.com/Neufund/platform-frontend/pull/329.diff","patch_url":"https://github.com/Neufund/platform-frontend/pull/329.patch","issue_url":"https://api.github.com/repos/Neufund/platform-frontend/issues/329","number":329,"state":"open","locked":false,"title":"KYC flow","user":{"login":"lizonp","id":12571855,"avatar_url":"https://avatars1.githubusercontent.com/u/12571855?v=4","gravatar_id":"","url":"https://api.github.com/users/lizonp","html_url":"https://github.com/lizonp","followers_url":"https://api.github.com/users/lizonp/followers","following_url":"https://api.github.com/users/lizonp/following{/other_user}","gists_url":"https://api.github.com/users/lizonp/gists{/gist_id}","starred_url":"https://api.github.com/users/lizonp/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lizonp/subscriptions","organizations_url":"https://api.github.com/users/lizonp/orgs","repos_url":"https://api.github.com/users/lizonp/repos","events_url":"https://api.github.com/users/lizonp/events{/privacy}","received_events_url":"https://api.github.com/users/lizonp/received_events","type":"User","site_admin":false},"body":"TODO\r\n\r\n- [x] Finish company 'beneficial owner component'","created_at":"2018-03-16T08:16:42Z","updated_at":"2018-03-19T14:07:35Z","closed_at":null,"merged_at":null,"merge_commit_sha":"2a054af05fd3d7b15510a06ff1084eb1e591e4f3","assignee":null,"assignees":[],"requested_reviewers":[],"requested_teams":[],"labels":[],"milestone":null,"commits_url":"https://api.github.com/repos/Neufund/platform-frontend/pulls/329/commits","review_comments_url":"https://api.github.com/repos/Neufund/platform-frontend/pulls/329/comments","review_comment_url":"https://api.github.com/repos/Neufund/platform-frontend/pulls/comments{/number}","comments_url":"https://api.github.com/repos/Neufund/platform-frontend/issues/329/comments","statuses_url":"https://api.github.com/repos/Neufund/platform-frontend/statuses/ab687b70c727a7c7848221d9a3e2fa78ad93f7f0","head":{"label":"Neufund:d#/kyc","ref":"d#/kyc","sha":"ab687b70c727a7c7848221d9a3e2fa78ad93f7f0","user":{"login":"Neufund","id":25393169,"avatar_url":"https://avatars2.githubusercontent.com/u/25393169?v=4","gravatar_id":"","url":"https://api.github.com/users/Neufund","html_url":"https://github.com/Neufund","followers_url":"https://api.github.com/users/Neufund/followers","following_url":"https://api.github.com/users/Neufund/following{/other_user}","gists_url":"https://api.github.com/users/Neufund/gists{/gist_id}","starred_url":"https://api.github.com/users/Neufund/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Neufund/subscriptions","organizations_url":"https://api.github.com/users/Neufund/orgs","repos_url":"https://api.github.com/users/Neufund/repos","events_url":"https://api.github.com/users/Neufund/events{/privacy}","received_events_url":"https://api.github.com/users/Neufund/received_events","type":"Organization","site_admin":false},"repo":{"id":116978635,"name":"platform-frontend","full_name":"Neufund/platform-frontend","owner":{"login":"Neufund","id":25393169,"avatar_url":"https://avatars2.githubusercontent.com/u/25393169?v=4","gravatar_id":"","url":"https://api.github.com/users/Neufund","html_url":"https://github.com/Neufund","followers_url":"https://api.github.com/users/Neufund/followers","following_url":"https://api.github.com/users/Neufund/following{/other_user}","gists_url":"https://api.github.com/users/Neufund/gists{/gist_id}","starred_url":"https://api.github.com/users/Neufund/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Neufund/subscriptions","organizations_url":"https://api.github.com/users/Neufund/orgs","repos_url":"https://api.github.com/users/Neufund/repos","events_url":"https://api.github.com/users/Neufund/events{/privacy}","received_events_url":"https://api.github.com/users/Neufund/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/Neufund/platform-frontend","description":null,"fork":false,"url":"https://api.github.com/repos/Neufund/platform-frontend","forks_url":"https://api.github.com/repos/Neufund/platform-frontend/forks","keys_url":"https://api.github.com/repos/Neufund/platform-frontend/keys{/key_id}","collaborators_url":"https://api.github.com/repos/Neufund/platform-frontend/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/Neufund/platform-frontend/teams","hooks_url":"https://api.github.com/repos/Neufund/platform-frontend/hooks","issue_events_url":"https://api.github.com/repos/Neufund/platform-frontend/issues/events{/number}","events_url":"https://api.github.com/repos/Neufund/platform-frontend/events","assignees_url":"https://api.github.com/repos/Neufund/platform-frontend/assignees{/user}","branches_url":"https://api.github.com/repos/Neufund/platform-frontend/branches{/branch}","tags_url":"https://api.github.com/repos/Neufund/platform-frontend/tags","blobs_url":"https://api.github.com/repos/Neufund/platform-frontend/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/Neufund/platform-frontend/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/Neufund/platform-frontend/git/refs{/sha}","trees_url":"https://api.github.com/repos/Neufund/platform-frontend/git/trees{/sha}","statuses_url":"https://api.github.com/repos/Neufund/platform-frontend/statuses/{sha}","languages_url":"https://api.github.com/repos/Neufund/platform-frontend/languages","stargazers_url":"https://api.github.com/repos/Neufund/platform-frontend/stargazers","contributors_url":"https://api.github.com/repos/Neufund/platform-frontend/contributors","subscribers_url":"https://api.github.com/repos/Neufund/platform-frontend/subscribers","subscription_url":"https://api.github.com/repos/Neufund/platform-frontend/subscription","commits_url":"https://api.github.com/repos/Neufund/platform-frontend/commits{/sha}","git_commits_url":"https://api.github.com/repos/Neufund/platform-frontend/git/commits{/sha}","comments_url":"https://api.github.com/repos/Neufund/platform-frontend/comments{/number}","issue_comment_url":"https://api.github.com/repos/Neufund/platform-frontend/issues/comments{/number}","contents_url":"https://api.github.com/repos/Neufund/platform-frontend/contents/{+path}","compare_url":"https://api.github.com/repos/Neufund/platform-frontend/compare/{base}...{head}","merges_url":"https://api.github.com/repos/Neufund/platform-frontend/merges","archive_url":"https://api.github.com/repos/Neufund/platform-frontend/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/Neufund/platform-frontend/downloads","issues_url":"https://api.github.com/repos/Neufund/platform-frontend/issues{/number}","pulls_url":"https://api.github.com/repos/Neufund/platform-frontend/pulls{/number}","milestones_url":"https://api.github.com/repos/Neufund/platform-frontend/milestones{/number}","notifications_url":"https://api.github.com/repos/Neufund/platform-frontend/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/Neufund/platform-frontend/labels{/name}","releases_url":"https://api.github.com/repos/Neufund/platform-frontend/releases{/id}","deployments_url":"https://api.github.com/repos/Neufund/platform-frontend/deployments","created_at":"2018-01-10T15:57:08Z","updated_at":"2018-03-19T13:49:48Z","pushed_at":"2018-03-19T13:49:50Z","git_url":"git://github.com/Neufund/platform-frontend.git","ssh_url":"git@github.com:Neufund/platform-frontend.git","clone_url":"https://github.com/Neufund/platform-frontend.git","svn_url":"https://github.com/Neufund/platform-frontend","homepage":null,"size":3670,"stargazers_count":2,"watchers_count":2,"language":"TypeScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":1,"mirror_url":null,"archived":false,"open_issues_count":76,"license":{"key":"other","name":"Other","spdx_id":null,"url":null},"forks":1,"open_issues":76,"watchers":2,"default_branch":"master"}},"base":{"label":"Neufund:master","ref":"master","sha":"67bef732a41913089aa2e47107c436559182770b","user":{"login":"Neufund","id":25393169,"avatar_url":"https://avatars2.githubusercontent.com/u/25393169?v=4","gravatar_id":"","url":"https://api.github.com/users/Neufund","html_url":"https://github.com/Neufund","followers_url":"https://api.github.com/users/Neufund/followers","following_url":"https://api.github.com/users/Neufund/following{/other_user}","gists_url":"https://api.github.com/users/Neufund/gists{/gist_id}","starred_url":"https://api.github.com/users/Neufund/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Neufund/subscriptions","organizations_url":"https://api.github.com/users/Neufund/orgs","repos_url":"https://api.github.com/users/Neufund/repos","events_url":"https://api.github.com/users/Neufund/events{/privacy}","received_events_url":"https://api.github.com/users/Neufund/received_events","type":"Organization","site_admin":false},"repo":{"id":116978635,"name":"platform-frontend","full_name":"Neufund/platform-frontend","owner":{"login":"Neufund","id":25393169,"avatar_url":"https://avatars2.githubusercontent.com/u/25393169?v=4","gravatar_id":"","url":"https://api.github.com/users/Neufund","html_url":"https://github.com/Neufund","followers_url":"https://api.github.com/users/Neufund/followers","following_url":"https://api.github.com/users/Neufund/following{/other_user}","gists_url":"https://api.github.com/users/Neufund/gists{/gist_id}","starred_url":"https://api.github.com/users/Neufund/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Neufund/subscriptions","organizations_url":"https://api.github.com/users/Neufund/orgs","repos_url":"https://api.github.com/users/Neufund/repos","events_url":"https://api.github.com/users/Neufund/events{/privacy}","received_events_url":"https://api.github.com/users/Neufund/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/Neufund/platform-frontend","description":null,"fork":false,"url":"https://api.github.com/repos/Neufund/platform-frontend","forks_url":"https://api.github.com/repos/Neufund/platform-frontend/forks","keys_url":"https://api.github.com/repos/Neufund/platform-frontend/keys{/key_id}","collaborators_url":"https://api.github.com/repos/Neufund/platform-frontend/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/Neufund/platform-frontend/teams","hooks_url":"https://api.github.com/repos/Neufund/platform-frontend/hooks","issue_events_url":"https://api.github.com/repos/Neufund/platform-frontend/issues/events{/number}","events_url":"https://api.github.com/repos/Neufund/platform-frontend/events","assignees_url":"https://api.github.com/repos/Neufund/platform-frontend/assignees{/user}","branches_url":"https://api.github.com/repos/Neufund/platform-frontend/branches{/branch}","tags_url":"https://api.github.com/repos/Neufund/platform-frontend/tags","blobs_url":"https://api.github.com/repos/Neufund/platform-frontend/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/Neufund/platform-frontend/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/Neufund/platform-frontend/git/refs{/sha}","trees_url":"https://api.github.com/repos/Neufund/platform-frontend/git/trees{/sha}","statuses_url":"https://api.github.com/repos/Neufund/platform-frontend/statuses/{sha}","languages_url":"https://api.github.com/repos/Neufund/platform-frontend/languages","stargazers_url":"https://api.github.com/repos/Neufund/platform-frontend/stargazers","contributors_url":"https://api.github.com/repos/Neufund/platform-frontend/contributors","subscribers_url":"https://api.github.com/repos/Neufund/platform-frontend/subscribers","subscription_url":"https://api.github.com/repos/Neufund/platform-frontend/subscription","commits_url":"https://api.github.com/repos/Neufund/platform-frontend/commits{/sha}","git_commits_url":"https://api.github.com/repos/Neufund/platform-frontend/git/commits{/sha}","comments_url":"https://api.github.com/repos/Neufund/platform-frontend/comments{/number}","issue_comment_url":"https://api.github.com/repos/Neufund/platform-frontend/issues/comments{/number}","contents_url":"https://api.github.com/repos/Neufund/platform-frontend/contents/{+path}","compare_url":"https://api.github.com/repos/Neufund/platform-frontend/compare/{base}...{head}","merges_url":"https://api.github.com/repos/Neufund/platform-frontend/merges","archive_url":"https://api.github.com/repos/Neufund/platform-frontend/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/Neufund/platform-frontend/downloads","issues_url":"https://api.github.com/repos/Neufund/platform-frontend/issues{/number}","pulls_url":"https://api.github.com/repos/Neufund/platform-frontend/pulls{/number}","milestones_url":"https://api.github.com/repos/Neufund/platform-frontend/milestones{/number}","notifications_url":"https://api.github.com/repos/Neufund/platform-frontend/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/Neufund/platform-frontend/labels{/name}","releases_url":"https://api.github.com/repos/Neufund/platform-frontend/releases{/id}","deployments_url":"https://api.github.com/repos/Neufund/platform-frontend/deployments","created_at":"2018-01-10T15:57:08Z","updated_at":"2018-03-19T13:49:48Z","pushed_at":"2018-03-19T13:49:50Z","git_url":"git://github.com/Neufund/platform-frontend.git","ssh_url":"git@github.com:Neufund/platform-frontend.git","clone_url":"https://github.com/Neufund/platform-frontend.git","svn_url":"https://github.com/Neufund/platform-frontend","homepage":null,"size":3670,"stargazers_count":2,"watchers_count":2,"language":"TypeScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":1,"mirror_url":null,"archived":false,"open_issues_count":76,"license":{"key":"other","name":"Other","spdx_id":null,"url":null},"forks":1,"open_issues":76,"watchers":2,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/Neufund/platform-frontend/pulls/329"},"html":{"href":"https://github.com/Neufund/platform-frontend/pull/329"},"issue":{"href":"https://api.github.com/repos/Neufund/platform-frontend/issues/329"},"comments":{"href":"https://api.github.com/repos/Neufund/platform-frontend/issues/329/comments"},"review_comments":{"href":"https://api.github.com/repos/Neufund/platform-frontend/pulls/329/comments"},"review_comment":{"href":"https://api.github.com/repos/Neufund/platform-frontend/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/Neufund/platform-frontend/pulls/329/commits"},"statuses":{"href":"https://api.github.com/repos/Neufund/platform-frontend/statuses/ab687b70c727a7c7848221d9a3e2fa78ad93f7f0"}},"author_association":"COLLABORATOR"}}
{"actor":{"display_login":"huesforalice"}}