{"action":"created","comment":{"url":"https://api.github.com/repos/jrojas28/react-reddit/pulls/comments/213716515","pull_request_review_id":150608732,"id":213716515,"node_id":"MDI0OlB1bGxSZXF1ZXN0UmV2aWV3Q29tbWVudDIxMzcxNjUxNQ==","diff_hunk":"@@ -0,0 +1,143 @@\n+import React, { Component } from 'react';\n+import PropTypes from 'prop-types';\n+import classNames from 'classnames';\n+import { Manager, Reference, Popper } from 'react-popper';\n+import Button from './Button';\n+\n+const popperPlacements = [\n+  'auto',\n+  'top',\n+  'bottom',\n+  'left',\n+  'right',\n+  'auto-start',\n+  'top-start',\n+  'bottom-start',\n+  'left-start',\n+  'right-start',\n+  'auto-end',\n+  'top-end',\n+  'bottom-end',\n+  'left-end',\n+  'right-end',\n+];\n+\n+class Dropdown extends Component {\n+  static propTypes = {\n+    toggler: PropTypes.func,\n+    activePlacement: PropTypes.oneOf(popperPlacements),\n+    className: PropTypes.string,\n+    children: PropTypes.oneOfType([\n+      PropTypes.string,\n+      PropTypes.node,\n+      PropTypes.instanceOf(Component),\n+    ]).isRequired,\n+  };\n+\n+  static defaultProps = {\n+    activePlacement: 'bottom',\n+    toggler: ({\n+      ref,\n+      isOpen,\n+      onClick,\n+    }) => {\n+      const btnGroupClasses = classNames({\n+        'btn-group': true,\n+        dropdown: true,\n+        show: isOpen,\n+      });\n+\n+      const btnClasses = classNames({\n+        'dropdown-toggle': true,\n+      });\n+\n+      return (\n+        <div className={btnGroupClasses}>\n+          <Button\n+            type=\"primary\"\n+            className={btnClasses}\n+            inputRef={ref}\n+            onClick={onClick}","path":"src/front/app/components/globals/Dropdown.js","position":60,"original_position":60,"commit_id":"0988ff083092f5021c0c22b8b4ec933d03cea966","original_commit_id":"0988ff083092f5021c0c22b8b4ec933d03cea966","user":{"login":"lrojas94","id":5957926,"node_id":"MDQ6VXNlcjU5NTc5MjY=","avatar_url":"https://avatars1.githubusercontent.com/u/5957926?v=4","gravatar_id":"","url":"https://api.github.com/users/lrojas94","html_url":"https://github.com/lrojas94","followers_url":"https://api.github.com/users/lrojas94/followers","following_url":"https://api.github.com/users/lrojas94/following{/other_user}","gists_url":"https://api.github.com/users/lrojas94/gists{/gist_id}","starred_url":"https://api.github.com/users/lrojas94/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lrojas94/subscriptions","organizations_url":"https://api.github.com/users/lrojas94/orgs","repos_url":"https://api.github.com/users/lrojas94/repos","events_url":"https://api.github.com/users/lrojas94/events{/privacy}","received_events_url":"https://api.github.com/users/lrojas94/received_events","type":"User","site_admin":false},"body":"You could call the method `openDropdown`. Not bad as onClick, but would be a bit more clear if you call it openDropdown.","created_at":"2018-08-29T15:06:10Z","updated_at":"2018-08-29T15:08:21Z","html_url":"https://github.com/jrojas28/react-reddit/pull/13#discussion_r213716515","pull_request_url":"https://api.github.com/repos/jrojas28/react-reddit/pulls/13","author_association":"COLLABORATOR","_links":{"self":{"href":"https://api.github.com/repos/jrojas28/react-reddit/pulls/comments/213716515"},"html":{"href":"https://github.com/jrojas28/react-reddit/pull/13#discussion_r213716515"},"pull_request":{"href":"https://api.github.com/repos/jrojas28/react-reddit/pulls/13"}}},"pull_request":{"url":"https://api.github.com/repos/jrojas28/react-reddit/pulls/13","id":211403211,"node_id":"MDExOlB1bGxSZXF1ZXN0MjExNDAzMjEx","html_url":"https://github.com/jrojas28/react-reddit/pull/13","diff_url":"https://github.com/jrojas28/react-reddit/pull/13.diff","patch_url":"https://github.com/jrojas28/react-reddit/pull/13.patch","issue_url":"https://api.github.com/repos/jrojas28/react-reddit/issues/13","number":13,"state":"open","locked":false,"title":"[WIP] Add dropdown component","user":{"login":"lrojas94","id":5957926,"node_id":"MDQ6VXNlcjU5NTc5MjY=","avatar_url":"https://avatars1.githubusercontent.com/u/5957926?v=4","gravatar_id":"","url":"https://api.github.com/users/lrojas94","html_url":"https://github.com/lrojas94","followers_url":"https://api.github.com/users/lrojas94/followers","following_url":"https://api.github.com/users/lrojas94/following{/other_user}","gists_url":"https://api.github.com/users/lrojas94/gists{/gist_id}","starred_url":"https://api.github.com/users/lrojas94/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lrojas94/subscriptions","organizations_url":"https://api.github.com/users/lrojas94/orgs","repos_url":"https://api.github.com/users/lrojas94/repos","events_url":"https://api.github.com/users/lrojas94/events{/privacy}","received_events_url":"https://api.github.com/users/lrojas94/received_events","type":"User","site_admin":false},"body":"","created_at":"2018-08-28T12:23:25Z","updated_at":"2018-08-29T15:08:21Z","closed_at":null,"merged_at":null,"merge_commit_sha":"d0a0b7d70d44ce7c5819b89a8e1a693fa455ac81","assignee":null,"assignees":[],"requested_reviewers":[],"requested_teams":[],"labels":[],"milestone":null,"commits_url":"https://api.github.com/repos/jrojas28/react-reddit/pulls/13/commits","review_comments_url":"https://api.github.com/repos/jrojas28/react-reddit/pulls/13/comments","review_comment_url":"https://api.github.com/repos/jrojas28/react-reddit/pulls/comments{/number}","comments_url":"https://api.github.com/repos/jrojas28/react-reddit/issues/13/comments","statuses_url":"https://api.github.com/repos/jrojas28/react-reddit/statuses/0988ff083092f5021c0c22b8b4ec933d03cea966","head":{"label":"jrojas28:add-dropdown-component","ref":"add-dropdown-component","sha":"0988ff083092f5021c0c22b8b4ec933d03cea966","user":{"login":"jrojas28","id":9600001,"node_id":"MDQ6VXNlcjk2MDAwMDE=","avatar_url":"https://avatars1.githubusercontent.com/u/9600001?v=4","gravatar_id":"","url":"https://api.github.com/users/jrojas28","html_url":"https://github.com/jrojas28","followers_url":"https://api.github.com/users/jrojas28/followers","following_url":"https://api.github.com/users/jrojas28/following{/other_user}","gists_url":"https://api.github.com/users/jrojas28/gists{/gist_id}","starred_url":"https://api.github.com/users/jrojas28/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jrojas28/subscriptions","organizations_url":"https://api.github.com/users/jrojas28/orgs","repos_url":"https://api.github.com/users/jrojas28/repos","events_url":"https://api.github.com/users/jrojas28/events{/privacy}","received_events_url":"https://api.github.com/users/jrojas28/received_events","type":"User","site_admin":false},"repo":{"id":143649986,"node_id":"MDEwOlJlcG9zaXRvcnkxNDM2NDk5ODY=","name":"react-reddit","full_name":"jrojas28/react-reddit","owner":{"login":"jrojas28","id":9600001,"node_id":"MDQ6VXNlcjk2MDAwMDE=","avatar_url":"https://avatars1.githubusercontent.com/u/9600001?v=4","gravatar_id":"","url":"https://api.github.com/users/jrojas28","html_url":"https://github.com/jrojas28","followers_url":"https://api.github.com/users/jrojas28/followers","following_url":"https://api.github.com/users/jrojas28/following{/other_user}","gists_url":"https://api.github.com/users/jrojas28/gists{/gist_id}","starred_url":"https://api.github.com/users/jrojas28/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jrojas28/subscriptions","organizations_url":"https://api.github.com/users/jrojas28/orgs","repos_url":"https://api.github.com/users/jrojas28/repos","events_url":"https://api.github.com/users/jrojas28/events{/privacy}","received_events_url":"https://api.github.com/users/jrojas28/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/jrojas28/react-reddit","description":"A React-based Reddit Clone intended to serve as practice.","fork":false,"url":"https://api.github.com/repos/jrojas28/react-reddit","forks_url":"https://api.github.com/repos/jrojas28/react-reddit/forks","keys_url":"https://api.github.com/repos/jrojas28/react-reddit/keys{/key_id}","collaborators_url":"https://api.github.com/repos/jrojas28/react-reddit/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/jrojas28/react-reddit/teams","hooks_url":"https://api.github.com/repos/jrojas28/react-reddit/hooks","issue_events_url":"https://api.github.com/repos/jrojas28/react-reddit/issues/events{/number}","events_url":"https://api.github.com/repos/jrojas28/react-reddit/events","assignees_url":"https://api.github.com/repos/jrojas28/react-reddit/assignees{/user}","branches_url":"https://api.github.com/repos/jrojas28/react-reddit/branches{/branch}","tags_url":"https://api.github.com/repos/jrojas28/react-reddit/tags","blobs_url":"https://api.github.com/repos/jrojas28/react-reddit/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/jrojas28/react-reddit/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/jrojas28/react-reddit/git/refs{/sha}","trees_url":"https://api.github.com/repos/jrojas28/react-reddit/git/trees{/sha}","statuses_url":"https://api.github.com/repos/jrojas28/react-reddit/statuses/{sha}","languages_url":"https://api.github.com/repos/jrojas28/react-reddit/languages","stargazers_url":"https://api.github.com/repos/jrojas28/react-reddit/stargazers","contributors_url":"https://api.github.com/repos/jrojas28/react-reddit/contributors","subscribers_url":"https://api.github.com/repos/jrojas28/react-reddit/subscribers","subscription_url":"https://api.github.com/repos/jrojas28/react-reddit/subscription","commits_url":"https://api.github.com/repos/jrojas28/react-reddit/commits{/sha}","git_commits_url":"https://api.github.com/repos/jrojas28/react-reddit/git/commits{/sha}","comments_url":"https://api.github.com/repos/jrojas28/react-reddit/comments{/number}","issue_comment_url":"https://api.github.com/repos/jrojas28/react-reddit/issues/comments{/number}","contents_url":"https://api.github.com/repos/jrojas28/react-reddit/contents/{+path}","compare_url":"https://api.github.com/repos/jrojas28/react-reddit/compare/{base}...{head}","merges_url":"https://api.github.com/repos/jrojas28/react-reddit/merges","archive_url":"https://api.github.com/repos/jrojas28/react-reddit/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/jrojas28/react-reddit/downloads","issues_url":"https://api.github.com/repos/jrojas28/react-reddit/issues{/number}","pulls_url":"https://api.github.com/repos/jrojas28/react-reddit/pulls{/number}","milestones_url":"https://api.github.com/repos/jrojas28/react-reddit/milestones{/number}","notifications_url":"https://api.github.com/repos/jrojas28/react-reddit/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/jrojas28/react-reddit/labels{/name}","releases_url":"https://api.github.com/repos/jrojas28/react-reddit/releases{/id}","deployments_url":"https://api.github.com/repos/jrojas28/react-reddit/deployments","created_at":"2018-08-05T21:47:07Z","updated_at":"2018-08-27T04:20:43Z","pushed_at":"2018-08-29T04:55:13Z","git_url":"git://github.com/jrojas28/react-reddit.git","ssh_url":"git@github.com:jrojas28/react-reddit.git","clone_url":"https://github.com/jrojas28/react-reddit.git","svn_url":"https://github.com/jrojas28/react-reddit","homepage":null,"size":2150,"stargazers_count":2,"watchers_count":2,"language":"CSS","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"archived":false,"open_issues_count":2,"license":null,"forks":0,"open_issues":2,"watchers":2,"default_branch":"master"}},"base":{"label":"jrojas28:master","ref":"master","sha":"756d86a9e2b9481e2377cef2416136af62025479","user":{"login":"jrojas28","id":9600001,"node_id":"MDQ6VXNlcjk2MDAwMDE=","avatar_url":"https://avatars1.githubusercontent.com/u/9600001?v=4","gravatar_id":"","url":"https://api.github.com/users/jrojas28","html_url":"https://github.com/jrojas28","followers_url":"https://api.github.com/users/jrojas28/followers","following_url":"https://api.github.com/users/jrojas28/following{/other_user}","gists_url":"https://api.github.com/users/jrojas28/gists{/gist_id}","starred_url":"https://api.github.com/users/jrojas28/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jrojas28/subscriptions","organizations_url":"https://api.github.com/users/jrojas28/orgs","repos_url":"https://api.github.com/users/jrojas28/repos","events_url":"https://api.github.com/users/jrojas28/events{/privacy}","received_events_url":"https://api.github.com/users/jrojas28/received_events","type":"User","site_admin":false},"repo":{"id":143649986,"node_id":"MDEwOlJlcG9zaXRvcnkxNDM2NDk5ODY=","name":"react-reddit","full_name":"jrojas28/react-reddit","owner":{"login":"jrojas28","id":9600001,"node_id":"MDQ6VXNlcjk2MDAwMDE=","avatar_url":"https://avatars1.githubusercontent.com/u/9600001?v=4","gravatar_id":"","url":"https://api.github.com/users/jrojas28","html_url":"https://github.com/jrojas28","followers_url":"https://api.github.com/users/jrojas28/followers","following_url":"https://api.github.com/users/jrojas28/following{/other_user}","gists_url":"https://api.github.com/users/jrojas28/gists{/gist_id}","starred_url":"https://api.github.com/users/jrojas28/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jrojas28/subscriptions","organizations_url":"https://api.github.com/users/jrojas28/orgs","repos_url":"https://api.github.com/users/jrojas28/repos","events_url":"https://api.github.com/users/jrojas28/events{/privacy}","received_events_url":"https://api.github.com/users/jrojas28/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/jrojas28/react-reddit","description":"A React-based Reddit Clone intended to serve as practice.","fork":false,"url":"https://api.github.com/repos/jrojas28/react-reddit","forks_url":"https://api.github.com/repos/jrojas28/react-reddit/forks","keys_url":"https://api.github.com/repos/jrojas28/react-reddit/keys{/key_id}","collaborators_url":"https://api.github.com/repos/jrojas28/react-reddit/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/jrojas28/react-reddit/teams","hooks_url":"https://api.github.com/repos/jrojas28/react-reddit/hooks","issue_events_url":"https://api.github.com/repos/jrojas28/react-reddit/issues/events{/number}","events_url":"https://api.github.com/repos/jrojas28/react-reddit/events","assignees_url":"https://api.github.com/repos/jrojas28/react-reddit/assignees{/user}","branches_url":"https://api.github.com/repos/jrojas28/react-reddit/branches{/branch}","tags_url":"https://api.github.com/repos/jrojas28/react-reddit/tags","blobs_url":"https://api.github.com/repos/jrojas28/react-reddit/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/jrojas28/react-reddit/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/jrojas28/react-reddit/git/refs{/sha}","trees_url":"https://api.github.com/repos/jrojas28/react-reddit/git/trees{/sha}","statuses_url":"https://api.github.com/repos/jrojas28/react-reddit/statuses/{sha}","languages_url":"https://api.github.com/repos/jrojas28/react-reddit/languages","stargazers_url":"https://api.github.com/repos/jrojas28/react-reddit/stargazers","contributors_url":"https://api.github.com/repos/jrojas28/react-reddit/contributors","subscribers_url":"https://api.github.com/repos/jrojas28/react-reddit/subscribers","subscription_url":"https://api.github.com/repos/jrojas28/react-reddit/subscription","commits_url":"https://api.github.com/repos/jrojas28/react-reddit/commits{/sha}","git_commits_url":"https://api.github.com/repos/jrojas28/react-reddit/git/commits{/sha}","comments_url":"https://api.github.com/repos/jrojas28/react-reddit/comments{/number}","issue_comment_url":"https://api.github.com/repos/jrojas28/react-reddit/issues/comments{/number}","contents_url":"https://api.github.com/repos/jrojas28/react-reddit/contents/{+path}","compare_url":"https://api.github.com/repos/jrojas28/react-reddit/compare/{base}...{head}","merges_url":"https://api.github.com/repos/jrojas28/react-reddit/merges","archive_url":"https://api.github.com/repos/jrojas28/react-reddit/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/jrojas28/react-reddit/downloads","issues_url":"https://api.github.com/repos/jrojas28/react-reddit/issues{/number}","pulls_url":"https://api.github.com/repos/jrojas28/react-reddit/pulls{/number}","milestones_url":"https://api.github.com/repos/jrojas28/react-reddit/milestones{/number}","notifications_url":"https://api.github.com/repos/jrojas28/react-reddit/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/jrojas28/react-reddit/labels{/name}","releases_url":"https://api.github.com/repos/jrojas28/react-reddit/releases{/id}","deployments_url":"https://api.github.com/repos/jrojas28/react-reddit/deployments","created_at":"2018-08-05T21:47:07Z","updated_at":"2018-08-27T04:20:43Z","pushed_at":"2018-08-29T04:55:13Z","git_url":"git://github.com/jrojas28/react-reddit.git","ssh_url":"git@github.com:jrojas28/react-reddit.git","clone_url":"https://github.com/jrojas28/react-reddit.git","svn_url":"https://github.com/jrojas28/react-reddit","homepage":null,"size":2150,"stargazers_count":2,"watchers_count":2,"language":"CSS","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"archived":false,"open_issues_count":2,"license":null,"forks":0,"open_issues":2,"watchers":2,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/jrojas28/react-reddit/pulls/13"},"html":{"href":"https://github.com/jrojas28/react-reddit/pull/13"},"issue":{"href":"https://api.github.com/repos/jrojas28/react-reddit/issues/13"},"comments":{"href":"https://api.github.com/repos/jrojas28/react-reddit/issues/13/comments"},"review_comments":{"href":"https://api.github.com/repos/jrojas28/react-reddit/pulls/13/comments"},"review_comment":{"href":"https://api.github.com/repos/jrojas28/react-reddit/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/jrojas28/react-reddit/pulls/13/commits"},"statuses":{"href":"https://api.github.com/repos/jrojas28/react-reddit/statuses/0988ff083092f5021c0c22b8b4ec933d03cea966"}},"author_association":"COLLABORATOR"}}
{"actor":{"display_login":"lrojas94"}}