{"action":"created","comment":{"url":"https://api.github.com/repos/MerlinLabs/styled-material-components/pulls/comments/172699121","pull_request_review_id":101760571,"id":172699121,"diff_hunk":"@@ -0,0 +1,92 @@\n+import styled from 'styled-components';\n+import React, { Component } from 'react';\n+import MenuItem from './Menu/MenuItem';\n+import Menu from './Menu/Menu';\n+import { ArrowDropDown } from './../icons/icons';\n+\n+const Dropdown = styled.select`\n+  border-color: transparent;\n+  background-color: transparent;\n+  color: black;\n+  width: 100%;\n+  position: absolute;\n+  z-index: 1000;\n+  font-size: 17px;\n+  -webkit-appearance: button; /* hide default arrow in chrome OSX */\n+\n+  &:focus {\n+    outline: none;\n+  }\n+`;\n+\n+const HiddenOption = styled.option`\n+  display: none;\n+`;\n+\n+const Symbol = styled(ArrowDropDown)`\n+  width: 20px;\n+  height: 20px;\n+  position: absolute;\n+  right: 0;\n+  bottom: 5px;\n+  fill: #726969;\n+`;\n+\n+export default class DropdownMenu extends Component {\n+  constructor(props) {\n+    super(props);\n+    this.state = { isOpen: false, selected: '', options: [] };\n+  }\n+   \n+  componentDidMount = (): void => {\n+    const { options } = this.props;\n+    if (options) {\n+      this.setState({ selected: options[0], options });\n+    } else {\n+      const optionsArray = ['Default Option'];\n+      this.setState({ selected: optionsArray[0], options: optionsArray });\n+    }\n+  }\n+\n+  onSelectMenuItem = (option): void => {\n+    this.setState({ selected: option });\n+  }\n+\n+  toggleSelect = (e): boolean => {\n+    e.preventDefault();\n+    this.setState({ isOpen: !this.state.isOpen });\n+    return false;\n+  }\n+\n+  render() {\n+    const { options, isOpen, selected } = this.state;\n+    return (\n+      <div onClick={this.toggleSelect}>\n+        <Dropdown\n+          value={selected}","path":"src/components/DropdownMenu.js","position":66,"original_position":66,"commit_id":"6101a2c2bc3d4a232649efd5cbd9820c8365cef7","original_commit_id":"6101a2c2bc3d4a232649efd5cbd9820c8365cef7","user":{"login":"ceciliamvrie","id":17997770,"avatar_url":"https://avatars2.githubusercontent.com/u/17997770?v=4","gravatar_id":"","url":"https://api.github.com/users/ceciliamvrie","html_url":"https://github.com/ceciliamvrie","followers_url":"https://api.github.com/users/ceciliamvrie/followers","following_url":"https://api.github.com/users/ceciliamvrie/following{/other_user}","gists_url":"https://api.github.com/users/ceciliamvrie/gists{/gist_id}","starred_url":"https://api.github.com/users/ceciliamvrie/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ceciliamvrie/subscriptions","organizations_url":"https://api.github.com/users/ceciliamvrie/orgs","repos_url":"https://api.github.com/users/ceciliamvrie/repos","events_url":"https://api.github.com/users/ceciliamvrie/events{/privacy}","received_events_url":"https://api.github.com/users/ceciliamvrie/received_events","type":"User","site_admin":false},"body":"Hmm, I don't think I need it since I'm already setting a default value to the state.","created_at":"2018-03-06T23:45:54Z","updated_at":"2018-03-06T23:47:07Z","html_url":"https://github.com/MerlinLabs/styled-material-components/pull/167#discussion_r172699121","pull_request_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/pulls/167","author_association":"COLLABORATOR","_links":{"self":{"href":"https://api.github.com/repos/MerlinLabs/styled-material-components/pulls/comments/172699121"},"html":{"href":"https://github.com/MerlinLabs/styled-material-components/pull/167#discussion_r172699121"},"pull_request":{"href":"https://api.github.com/repos/MerlinLabs/styled-material-components/pulls/167"}},"in_reply_to_id":172696025},"pull_request":{"url":"https://api.github.com/repos/MerlinLabs/styled-material-components/pulls/167","id":172607392,"html_url":"https://github.com/MerlinLabs/styled-material-components/pull/167","diff_url":"https://github.com/MerlinLabs/styled-material-components/pull/167.diff","patch_url":"https://github.com/MerlinLabs/styled-material-components/pull/167.patch","issue_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/issues/167","number":167,"state":"open","locked":false,"title":"Implement dropdown menu","user":{"login":"ceciliamvrie","id":17997770,"avatar_url":"https://avatars2.githubusercontent.com/u/17997770?v=4","gravatar_id":"","url":"https://api.github.com/users/ceciliamvrie","html_url":"https://github.com/ceciliamvrie","followers_url":"https://api.github.com/users/ceciliamvrie/followers","following_url":"https://api.github.com/users/ceciliamvrie/following{/other_user}","gists_url":"https://api.github.com/users/ceciliamvrie/gists{/gist_id}","starred_url":"https://api.github.com/users/ceciliamvrie/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ceciliamvrie/subscriptions","organizations_url":"https://api.github.com/users/ceciliamvrie/orgs","repos_url":"https://api.github.com/users/ceciliamvrie/repos","events_url":"https://api.github.com/users/ceciliamvrie/events{/privacy}","received_events_url":"https://api.github.com/users/ceciliamvrie/received_events","type":"User","site_admin":false},"body":"#Implemented a new textfield to be used in the property details page. \r\nFor more information on this component, visit the design spec describing\r\nthe dropdown icon. \r\n\r\nlink => https://docs-xhujejvyng.now.sh\r\nspec link => https://material.io/guidelines/components/text-fields.html#text-fields-layout","created_at":"2018-03-02T21:19:29Z","updated_at":"2018-03-06T23:47:07Z","closed_at":null,"merged_at":null,"merge_commit_sha":"44e5225263fda3877540815101638176f030dc44","assignee":null,"assignees":[],"requested_reviewers":[],"requested_teams":[],"labels":[],"milestone":null,"commits_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/pulls/167/commits","review_comments_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/pulls/167/comments","review_comment_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/pulls/comments{/number}","comments_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/issues/167/comments","statuses_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/statuses/6101a2c2bc3d4a232649efd5cbd9820c8365cef7","head":{"label":"ceciliamvrie:feat/dropdownMenu","ref":"feat/dropdownMenu","sha":"6101a2c2bc3d4a232649efd5cbd9820c8365cef7","user":{"login":"ceciliamvrie","id":17997770,"avatar_url":"https://avatars2.githubusercontent.com/u/17997770?v=4","gravatar_id":"","url":"https://api.github.com/users/ceciliamvrie","html_url":"https://github.com/ceciliamvrie","followers_url":"https://api.github.com/users/ceciliamvrie/followers","following_url":"https://api.github.com/users/ceciliamvrie/following{/other_user}","gists_url":"https://api.github.com/users/ceciliamvrie/gists{/gist_id}","starred_url":"https://api.github.com/users/ceciliamvrie/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ceciliamvrie/subscriptions","organizations_url":"https://api.github.com/users/ceciliamvrie/orgs","repos_url":"https://api.github.com/users/ceciliamvrie/repos","events_url":"https://api.github.com/users/ceciliamvrie/events{/privacy}","received_events_url":"https://api.github.com/users/ceciliamvrie/received_events","type":"User","site_admin":false},"repo":{"id":121443460,"name":"styled-material-components","full_name":"ceciliamvrie/styled-material-components","owner":{"login":"ceciliamvrie","id":17997770,"avatar_url":"https://avatars2.githubusercontent.com/u/17997770?v=4","gravatar_id":"","url":"https://api.github.com/users/ceciliamvrie","html_url":"https://github.com/ceciliamvrie","followers_url":"https://api.github.com/users/ceciliamvrie/followers","following_url":"https://api.github.com/users/ceciliamvrie/following{/other_user}","gists_url":"https://api.github.com/users/ceciliamvrie/gists{/gist_id}","starred_url":"https://api.github.com/users/ceciliamvrie/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ceciliamvrie/subscriptions","organizations_url":"https://api.github.com/users/ceciliamvrie/orgs","repos_url":"https://api.github.com/users/ceciliamvrie/repos","events_url":"https://api.github.com/users/ceciliamvrie/events{/privacy}","received_events_url":"https://api.github.com/users/ceciliamvrie/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/ceciliamvrie/styled-material-components","description":"Styled Components implementation of Material Design","fork":true,"url":"https://api.github.com/repos/ceciliamvrie/styled-material-components","forks_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/forks","keys_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/keys{/key_id}","collaborators_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/teams","hooks_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/hooks","issue_events_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/issues/events{/number}","events_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/events","assignees_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/assignees{/user}","branches_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/branches{/branch}","tags_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/tags","blobs_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/git/refs{/sha}","trees_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/git/trees{/sha}","statuses_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/statuses/{sha}","languages_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/languages","stargazers_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/stargazers","contributors_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/contributors","subscribers_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/subscribers","subscription_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/subscription","commits_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/commits{/sha}","git_commits_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/git/commits{/sha}","comments_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/comments{/number}","issue_comment_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/issues/comments{/number}","contents_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/contents/{+path}","compare_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/compare/{base}...{head}","merges_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/merges","archive_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/downloads","issues_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/issues{/number}","pulls_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/pulls{/number}","milestones_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/milestones{/number}","notifications_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/labels{/name}","releases_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/releases{/id}","deployments_url":"https://api.github.com/repos/ceciliamvrie/styled-material-components/deployments","created_at":"2018-02-13T22:20:13Z","updated_at":"2018-02-13T22:20:15Z","pushed_at":"2018-03-06T19:04:14Z","git_url":"git://github.com/ceciliamvrie/styled-material-components.git","ssh_url":"git@github.com:ceciliamvrie/styled-material-components.git","clone_url":"https://github.com/ceciliamvrie/styled-material-components.git","svn_url":"https://github.com/ceciliamvrie/styled-material-components","homepage":"","size":1448,"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":"MerlinLabs:master","ref":"master","sha":"d9c0503d0127725aa5fcadfce8a5e3d3d8fe2d0d","user":{"login":"MerlinLabs","id":10405966,"avatar_url":"https://avatars3.githubusercontent.com/u/10405966?v=4","gravatar_id":"","url":"https://api.github.com/users/MerlinLabs","html_url":"https://github.com/MerlinLabs","followers_url":"https://api.github.com/users/MerlinLabs/followers","following_url":"https://api.github.com/users/MerlinLabs/following{/other_user}","gists_url":"https://api.github.com/users/MerlinLabs/gists{/gist_id}","starred_url":"https://api.github.com/users/MerlinLabs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MerlinLabs/subscriptions","organizations_url":"https://api.github.com/users/MerlinLabs/orgs","repos_url":"https://api.github.com/users/MerlinLabs/repos","events_url":"https://api.github.com/users/MerlinLabs/events{/privacy}","received_events_url":"https://api.github.com/users/MerlinLabs/received_events","type":"Organization","site_admin":false},"repo":{"id":92553109,"name":"styled-material-components","full_name":"MerlinLabs/styled-material-components","owner":{"login":"MerlinLabs","id":10405966,"avatar_url":"https://avatars3.githubusercontent.com/u/10405966?v=4","gravatar_id":"","url":"https://api.github.com/users/MerlinLabs","html_url":"https://github.com/MerlinLabs","followers_url":"https://api.github.com/users/MerlinLabs/followers","following_url":"https://api.github.com/users/MerlinLabs/following{/other_user}","gists_url":"https://api.github.com/users/MerlinLabs/gists{/gist_id}","starred_url":"https://api.github.com/users/MerlinLabs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MerlinLabs/subscriptions","organizations_url":"https://api.github.com/users/MerlinLabs/orgs","repos_url":"https://api.github.com/users/MerlinLabs/repos","events_url":"https://api.github.com/users/MerlinLabs/events{/privacy}","received_events_url":"https://api.github.com/users/MerlinLabs/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/MerlinLabs/styled-material-components","description":"Styled Components implementation of Material Design","fork":false,"url":"https://api.github.com/repos/MerlinLabs/styled-material-components","forks_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/forks","keys_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/keys{/key_id}","collaborators_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/teams","hooks_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/hooks","issue_events_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/issues/events{/number}","events_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/events","assignees_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/assignees{/user}","branches_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/branches{/branch}","tags_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/tags","blobs_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/git/refs{/sha}","trees_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/git/trees{/sha}","statuses_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/statuses/{sha}","languages_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/languages","stargazers_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/stargazers","contributors_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/contributors","subscribers_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/subscribers","subscription_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/subscription","commits_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/commits{/sha}","git_commits_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/git/commits{/sha}","comments_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/comments{/number}","issue_comment_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/issues/comments{/number}","contents_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/contents/{+path}","compare_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/compare/{base}...{head}","merges_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/merges","archive_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/downloads","issues_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/issues{/number}","pulls_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/pulls{/number}","milestones_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/milestones{/number}","notifications_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/labels{/name}","releases_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/releases{/id}","deployments_url":"https://api.github.com/repos/MerlinLabs/styled-material-components/deployments","created_at":"2017-05-26T22:31:13Z","updated_at":"2018-03-06T22:36:50Z","pushed_at":"2018-03-06T22:26:51Z","git_url":"git://github.com/MerlinLabs/styled-material-components.git","ssh_url":"git@github.com:MerlinLabs/styled-material-components.git","clone_url":"https://github.com/MerlinLabs/styled-material-components.git","svn_url":"https://github.com/MerlinLabs/styled-material-components","homepage":"","size":1440,"stargazers_count":27,"watchers_count":27,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":39,"mirror_url":null,"archived":false,"open_issues_count":33,"license":{"key":"other","name":"Other","spdx_id":null,"url":null},"forks":39,"open_issues":33,"watchers":27,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/MerlinLabs/styled-material-components/pulls/167"},"html":{"href":"https://github.com/MerlinLabs/styled-material-components/pull/167"},"issue":{"href":"https://api.github.com/repos/MerlinLabs/styled-material-components/issues/167"},"comments":{"href":"https://api.github.com/repos/MerlinLabs/styled-material-components/issues/167/comments"},"review_comments":{"href":"https://api.github.com/repos/MerlinLabs/styled-material-components/pulls/167/comments"},"review_comment":{"href":"https://api.github.com/repos/MerlinLabs/styled-material-components/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/MerlinLabs/styled-material-components/pulls/167/commits"},"statuses":{"href":"https://api.github.com/repos/MerlinLabs/styled-material-components/statuses/6101a2c2bc3d4a232649efd5cbd9820c8365cef7"}},"author_association":"COLLABORATOR"}}
{"actor":{"display_login":"ceciliamvrie"}}