{"action":"created","comment":{"url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/comments/202173769","pull_request_review_id":136822429,"id":202173769,"node_id":"MDI0OlB1bGxSZXF1ZXN0UmV2aWV3Q29tbWVudDIwMjE3Mzc2OQ==","diff_hunk":"@@ -3,18 +3,36 @@\n /**\n  * External dependencies\n  */\n-\n+import { connect } from 'react-redux';\n+import { localize } from 'i18n-calypso';\n import PropTypes from 'prop-types';\n import React, { Component } from 'react';\n-import { localize } from 'i18n-calypso';\n+\n+/**\n+ * Internal dependencies\n+ */\n+import { filterStateToTokens, tokensToFilterState } from 'state/activity-log/utils';\n+import TokenField from 'components/token-field';\n+import { setFilter } from 'state/activity-log/actions';\n \n class ActivityLogSearchTokens extends Component {\n \tstatic propTypes = {\n \t\tfilter: PropTypes.object.isRequired,\n \t};\n+\n+\tonTokensChange = tokens => {\n+\t\tthis.props.setFilter( this.props.siteId, tokensToFilterState( tokens ) );\n+\t};\n+\n \trender() {\n-\t\treturn <p>tokens</p>;\n+\t\tconst tokens = filterStateToTokens( this.props.filter );\n+\t\treturn <TokenField value={ tokens } onChange={ this.onTokensChange } />;\n \t}\n }\n \n-export default localize( ActivityLogSearchTokens );\n+export default connect(\n+\t() => {\n+\t\treturn {};\n+\t},","path":"client/my-sites/stats/activity-log-search/activity-log-search-tokens.jsx","position":null,"original_position":38,"commit_id":"f675ea90f168b2e72e9a1b172245c06f007e18e5","original_commit_id":"f675ea90f168b2e72e9a1b172245c06f007e18e5","user":{"login":"roccotripaldi","id":2694219,"node_id":"MDQ6VXNlcjI2OTQyMTk=","avatar_url":"https://avatars1.githubusercontent.com/u/2694219?v=4","gravatar_id":"","url":"https://api.github.com/users/roccotripaldi","html_url":"https://github.com/roccotripaldi","followers_url":"https://api.github.com/users/roccotripaldi/followers","following_url":"https://api.github.com/users/roccotripaldi/following{/other_user}","gists_url":"https://api.github.com/users/roccotripaldi/gists{/gist_id}","starred_url":"https://api.github.com/users/roccotripaldi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/roccotripaldi/subscriptions","organizations_url":"https://api.github.com/users/roccotripaldi/orgs","repos_url":"https://api.github.com/users/roccotripaldi/repos","events_url":"https://api.github.com/users/roccotripaldi/events{/privacy}","received_events_url":"https://api.github.com/users/roccotripaldi/received_events","type":"User","site_admin":false},"body":"😆 - yeah, i have not built a component that only needs connected actions, so i wasn't sure what to put ","created_at":"2018-07-12T20:47:12Z","updated_at":"2018-07-12T20:47:12Z","html_url":"https://github.com/Automattic/wp-calypso/pull/25844#discussion_r202173769","pull_request_url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/25844","author_association":"MEMBER","_links":{"self":{"href":"https://api.github.com/repos/Automattic/wp-calypso/pulls/comments/202173769"},"html":{"href":"https://github.com/Automattic/wp-calypso/pull/25844#discussion_r202173769"},"pull_request":{"href":"https://api.github.com/repos/Automattic/wp-calypso/pulls/25844"}},"in_reply_to_id":202149344},"pull_request":{"url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/25844","id":198704711,"node_id":"MDExOlB1bGxSZXF1ZXN0MTk4NzA0NzEx","html_url":"https://github.com/Automattic/wp-calypso/pull/25844","diff_url":"https://github.com/Automattic/wp-calypso/pull/25844.diff","patch_url":"https://github.com/Automattic/wp-calypso/pull/25844.patch","issue_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/25844","number":25844,"state":"open","locked":false,"title":"Activity log: search filters UI","user":{"login":"simison","id":87168,"node_id":"MDQ6VXNlcjg3MTY4","avatar_url":"https://avatars3.githubusercontent.com/u/87168?v=4","gravatar_id":"","url":"https://api.github.com/users/simison","html_url":"https://github.com/simison","followers_url":"https://api.github.com/users/simison/followers","following_url":"https://api.github.com/users/simison/following{/other_user}","gists_url":"https://api.github.com/users/simison/gists{/gist_id}","starred_url":"https://api.github.com/users/simison/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/simison/subscriptions","organizations_url":"https://api.github.com/users/simison/orgs","repos_url":"https://api.github.com/users/simison/repos","events_url":"https://api.github.com/users/simison/events{/privacy}","received_events_url":"https://api.github.com/users/simison/received_events","type":"User","site_admin":false},"body":"WIP. Search filter UI for the activity log\r\n\r\nThe goal so far was mostly to explore what components we can re-use here. Lots of this is from `/themes` and can be shared together with that section as smaller components to avoid code duplication. Some component ideas:\r\n- “Search by” -header/card -combo\r\n- Button/tab thingy with an icon\r\n\r\n\r\nCurrently, this gives just a static view:\r\n\r\n![image](https://user-images.githubusercontent.com/87168/42170965-b3a6a32e-7e20-11e8-8a66-32158706a56b.png)\r\n","created_at":"2018-07-02T14:53:50Z","updated_at":"2018-07-12T20:47:12Z","closed_at":null,"merged_at":null,"merge_commit_sha":"7a68ef1bc51f54c416f4dde368d7e40bc4fb0222","assignee":{"login":"simison","id":87168,"node_id":"MDQ6VXNlcjg3MTY4","avatar_url":"https://avatars3.githubusercontent.com/u/87168?v=4","gravatar_id":"","url":"https://api.github.com/users/simison","html_url":"https://github.com/simison","followers_url":"https://api.github.com/users/simison/followers","following_url":"https://api.github.com/users/simison/following{/other_user}","gists_url":"https://api.github.com/users/simison/gists{/gist_id}","starred_url":"https://api.github.com/users/simison/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/simison/subscriptions","organizations_url":"https://api.github.com/users/simison/orgs","repos_url":"https://api.github.com/users/simison/repos","events_url":"https://api.github.com/users/simison/events{/privacy}","received_events_url":"https://api.github.com/users/simison/received_events","type":"User","site_admin":false},"assignees":[{"login":"simison","id":87168,"node_id":"MDQ6VXNlcjg3MTY4","avatar_url":"https://avatars3.githubusercontent.com/u/87168?v=4","gravatar_id":"","url":"https://api.github.com/users/simison","html_url":"https://github.com/simison","followers_url":"https://api.github.com/users/simison/followers","following_url":"https://api.github.com/users/simison/following{/other_user}","gists_url":"https://api.github.com/users/simison/gists{/gist_id}","starred_url":"https://api.github.com/users/simison/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/simison/subscriptions","organizations_url":"https://api.github.com/users/simison/orgs","repos_url":"https://api.github.com/users/simison/repos","events_url":"https://api.github.com/users/simison/events{/privacy}","received_events_url":"https://api.github.com/users/simison/received_events","type":"User","site_admin":false},{"login":"roccotripaldi","id":2694219,"node_id":"MDQ6VXNlcjI2OTQyMTk=","avatar_url":"https://avatars1.githubusercontent.com/u/2694219?v=4","gravatar_id":"","url":"https://api.github.com/users/roccotripaldi","html_url":"https://github.com/roccotripaldi","followers_url":"https://api.github.com/users/roccotripaldi/followers","following_url":"https://api.github.com/users/roccotripaldi/following{/other_user}","gists_url":"https://api.github.com/users/roccotripaldi/gists{/gist_id}","starred_url":"https://api.github.com/users/roccotripaldi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/roccotripaldi/subscriptions","organizations_url":"https://api.github.com/users/roccotripaldi/orgs","repos_url":"https://api.github.com/users/roccotripaldi/repos","events_url":"https://api.github.com/users/roccotripaldi/events{/privacy}","received_events_url":"https://api.github.com/users/roccotripaldi/received_events","type":"User","site_admin":false}],"requested_reviewers":[],"requested_teams":[],"labels":[{"id":611874987,"node_id":"MDU6TGFiZWw2MTE4NzQ5ODc=","url":"https://api.github.com/repos/Automattic/wp-calypso/labels/Activity/Rewind","name":"Activity/Rewind","color":"006b75","default":false},{"id":911535311,"node_id":"MDU6TGFiZWw5MTE1MzUzMTE=","url":"https://api.github.com/repos/Automattic/wp-calypso/labels/[Project]%20Activity%20Log","name":"[Project] Activity Log","color":"1d76db","default":false},{"id":285010017,"node_id":"MDU6TGFiZWwyODUwMTAwMTc=","url":"https://api.github.com/repos/Automattic/wp-calypso/labels/[Status]%20In%20Progress","name":"[Status] In Progress","color":"207de5","default":false}],"milestone":null,"commits_url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/25844/commits","review_comments_url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/25844/comments","review_comment_url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/comments{/number}","comments_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/25844/comments","statuses_url":"https://api.github.com/repos/Automattic/wp-calypso/statuses/f675ea90f168b2e72e9a1b172245c06f007e18e5","head":{"label":"Automattic:add/activity-log-search-ui","ref":"add/activity-log-search-ui","sha":"f675ea90f168b2e72e9a1b172245c06f007e18e5","user":{"login":"Automattic","id":887802,"node_id":"MDEyOk9yZ2FuaXphdGlvbjg4NzgwMg==","avatar_url":"https://avatars1.githubusercontent.com/u/887802?v=4","gravatar_id":"","url":"https://api.github.com/users/Automattic","html_url":"https://github.com/Automattic","followers_url":"https://api.github.com/users/Automattic/followers","following_url":"https://api.github.com/users/Automattic/following{/other_user}","gists_url":"https://api.github.com/users/Automattic/gists{/gist_id}","starred_url":"https://api.github.com/users/Automattic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Automattic/subscriptions","organizations_url":"https://api.github.com/users/Automattic/orgs","repos_url":"https://api.github.com/users/Automattic/repos","events_url":"https://api.github.com/users/Automattic/events{/privacy}","received_events_url":"https://api.github.com/users/Automattic/received_events","type":"Organization","site_admin":false},"repo":{"id":45936895,"node_id":"MDEwOlJlcG9zaXRvcnk0NTkzNjg5NQ==","name":"wp-calypso","full_name":"Automattic/wp-calypso","owner":{"login":"Automattic","id":887802,"node_id":"MDEyOk9yZ2FuaXphdGlvbjg4NzgwMg==","avatar_url":"https://avatars1.githubusercontent.com/u/887802?v=4","gravatar_id":"","url":"https://api.github.com/users/Automattic","html_url":"https://github.com/Automattic","followers_url":"https://api.github.com/users/Automattic/followers","following_url":"https://api.github.com/users/Automattic/following{/other_user}","gists_url":"https://api.github.com/users/Automattic/gists{/gist_id}","starred_url":"https://api.github.com/users/Automattic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Automattic/subscriptions","organizations_url":"https://api.github.com/users/Automattic/orgs","repos_url":"https://api.github.com/users/Automattic/repos","events_url":"https://api.github.com/users/Automattic/events{/privacy}","received_events_url":"https://api.github.com/users/Automattic/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/Automattic/wp-calypso","description":"The JavaScript and API powered WordPress.com","fork":false,"url":"https://api.github.com/repos/Automattic/wp-calypso","forks_url":"https://api.github.com/repos/Automattic/wp-calypso/forks","keys_url":"https://api.github.com/repos/Automattic/wp-calypso/keys{/key_id}","collaborators_url":"https://api.github.com/repos/Automattic/wp-calypso/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/Automattic/wp-calypso/teams","hooks_url":"https://api.github.com/repos/Automattic/wp-calypso/hooks","issue_events_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/events{/number}","events_url":"https://api.github.com/repos/Automattic/wp-calypso/events","assignees_url":"https://api.github.com/repos/Automattic/wp-calypso/assignees{/user}","branches_url":"https://api.github.com/repos/Automattic/wp-calypso/branches{/branch}","tags_url":"https://api.github.com/repos/Automattic/wp-calypso/tags","blobs_url":"https://api.github.com/repos/Automattic/wp-calypso/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/Automattic/wp-calypso/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/Automattic/wp-calypso/git/refs{/sha}","trees_url":"https://api.github.com/repos/Automattic/wp-calypso/git/trees{/sha}","statuses_url":"https://api.github.com/repos/Automattic/wp-calypso/statuses/{sha}","languages_url":"https://api.github.com/repos/Automattic/wp-calypso/languages","stargazers_url":"https://api.github.com/repos/Automattic/wp-calypso/stargazers","contributors_url":"https://api.github.com/repos/Automattic/wp-calypso/contributors","subscribers_url":"https://api.github.com/repos/Automattic/wp-calypso/subscribers","subscription_url":"https://api.github.com/repos/Automattic/wp-calypso/subscription","commits_url":"https://api.github.com/repos/Automattic/wp-calypso/commits{/sha}","git_commits_url":"https://api.github.com/repos/Automattic/wp-calypso/git/commits{/sha}","comments_url":"https://api.github.com/repos/Automattic/wp-calypso/comments{/number}","issue_comment_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/comments{/number}","contents_url":"https://api.github.com/repos/Automattic/wp-calypso/contents/{+path}","compare_url":"https://api.github.com/repos/Automattic/wp-calypso/compare/{base}...{head}","merges_url":"https://api.github.com/repos/Automattic/wp-calypso/merges","archive_url":"https://api.github.com/repos/Automattic/wp-calypso/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/Automattic/wp-calypso/downloads","issues_url":"https://api.github.com/repos/Automattic/wp-calypso/issues{/number}","pulls_url":"https://api.github.com/repos/Automattic/wp-calypso/pulls{/number}","milestones_url":"https://api.github.com/repos/Automattic/wp-calypso/milestones{/number}","notifications_url":"https://api.github.com/repos/Automattic/wp-calypso/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/Automattic/wp-calypso/labels{/name}","releases_url":"https://api.github.com/repos/Automattic/wp-calypso/releases{/id}","deployments_url":"https://api.github.com/repos/Automattic/wp-calypso/deployments","created_at":"2015-11-10T20:00:16Z","updated_at":"2018-07-12T20:45:13Z","pushed_at":"2018-07-12T20:44:43Z","git_url":"git://github.com/Automattic/wp-calypso.git","ssh_url":"git@github.com:Automattic/wp-calypso.git","clone_url":"https://github.com/Automattic/wp-calypso.git","svn_url":"https://github.com/Automattic/wp-calypso","homepage":"https://developer.wordpress.com/calypso/","size":99802,"stargazers_count":10086,"watchers_count":10086,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":false,"has_pages":false,"forks_count":1427,"mirror_url":null,"archived":false,"open_issues_count":1579,"license":{"key":"gpl-2.0","name":"GNU General Public License v2.0","spdx_id":"GPL-2.0","url":"https://api.github.com/licenses/gpl-2.0","node_id":"MDc6TGljZW5zZTg="},"forks":1427,"open_issues":1579,"watchers":10086,"default_branch":"master"}},"base":{"label":"Automattic:master","ref":"master","sha":"0e615b52fba002c44099c0abbd34e842326e4ee5","user":{"login":"Automattic","id":887802,"node_id":"MDEyOk9yZ2FuaXphdGlvbjg4NzgwMg==","avatar_url":"https://avatars1.githubusercontent.com/u/887802?v=4","gravatar_id":"","url":"https://api.github.com/users/Automattic","html_url":"https://github.com/Automattic","followers_url":"https://api.github.com/users/Automattic/followers","following_url":"https://api.github.com/users/Automattic/following{/other_user}","gists_url":"https://api.github.com/users/Automattic/gists{/gist_id}","starred_url":"https://api.github.com/users/Automattic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Automattic/subscriptions","organizations_url":"https://api.github.com/users/Automattic/orgs","repos_url":"https://api.github.com/users/Automattic/repos","events_url":"https://api.github.com/users/Automattic/events{/privacy}","received_events_url":"https://api.github.com/users/Automattic/received_events","type":"Organization","site_admin":false},"repo":{"id":45936895,"node_id":"MDEwOlJlcG9zaXRvcnk0NTkzNjg5NQ==","name":"wp-calypso","full_name":"Automattic/wp-calypso","owner":{"login":"Automattic","id":887802,"node_id":"MDEyOk9yZ2FuaXphdGlvbjg4NzgwMg==","avatar_url":"https://avatars1.githubusercontent.com/u/887802?v=4","gravatar_id":"","url":"https://api.github.com/users/Automattic","html_url":"https://github.com/Automattic","followers_url":"https://api.github.com/users/Automattic/followers","following_url":"https://api.github.com/users/Automattic/following{/other_user}","gists_url":"https://api.github.com/users/Automattic/gists{/gist_id}","starred_url":"https://api.github.com/users/Automattic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Automattic/subscriptions","organizations_url":"https://api.github.com/users/Automattic/orgs","repos_url":"https://api.github.com/users/Automattic/repos","events_url":"https://api.github.com/users/Automattic/events{/privacy}","received_events_url":"https://api.github.com/users/Automattic/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/Automattic/wp-calypso","description":"The JavaScript and API powered WordPress.com","fork":false,"url":"https://api.github.com/repos/Automattic/wp-calypso","forks_url":"https://api.github.com/repos/Automattic/wp-calypso/forks","keys_url":"https://api.github.com/repos/Automattic/wp-calypso/keys{/key_id}","collaborators_url":"https://api.github.com/repos/Automattic/wp-calypso/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/Automattic/wp-calypso/teams","hooks_url":"https://api.github.com/repos/Automattic/wp-calypso/hooks","issue_events_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/events{/number}","events_url":"https://api.github.com/repos/Automattic/wp-calypso/events","assignees_url":"https://api.github.com/repos/Automattic/wp-calypso/assignees{/user}","branches_url":"https://api.github.com/repos/Automattic/wp-calypso/branches{/branch}","tags_url":"https://api.github.com/repos/Automattic/wp-calypso/tags","blobs_url":"https://api.github.com/repos/Automattic/wp-calypso/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/Automattic/wp-calypso/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/Automattic/wp-calypso/git/refs{/sha}","trees_url":"https://api.github.com/repos/Automattic/wp-calypso/git/trees{/sha}","statuses_url":"https://api.github.com/repos/Automattic/wp-calypso/statuses/{sha}","languages_url":"https://api.github.com/repos/Automattic/wp-calypso/languages","stargazers_url":"https://api.github.com/repos/Automattic/wp-calypso/stargazers","contributors_url":"https://api.github.com/repos/Automattic/wp-calypso/contributors","subscribers_url":"https://api.github.com/repos/Automattic/wp-calypso/subscribers","subscription_url":"https://api.github.com/repos/Automattic/wp-calypso/subscription","commits_url":"https://api.github.com/repos/Automattic/wp-calypso/commits{/sha}","git_commits_url":"https://api.github.com/repos/Automattic/wp-calypso/git/commits{/sha}","comments_url":"https://api.github.com/repos/Automattic/wp-calypso/comments{/number}","issue_comment_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/comments{/number}","contents_url":"https://api.github.com/repos/Automattic/wp-calypso/contents/{+path}","compare_url":"https://api.github.com/repos/Automattic/wp-calypso/compare/{base}...{head}","merges_url":"https://api.github.com/repos/Automattic/wp-calypso/merges","archive_url":"https://api.github.com/repos/Automattic/wp-calypso/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/Automattic/wp-calypso/downloads","issues_url":"https://api.github.com/repos/Automattic/wp-calypso/issues{/number}","pulls_url":"https://api.github.com/repos/Automattic/wp-calypso/pulls{/number}","milestones_url":"https://api.github.com/repos/Automattic/wp-calypso/milestones{/number}","notifications_url":"https://api.github.com/repos/Automattic/wp-calypso/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/Automattic/wp-calypso/labels{/name}","releases_url":"https://api.github.com/repos/Automattic/wp-calypso/releases{/id}","deployments_url":"https://api.github.com/repos/Automattic/wp-calypso/deployments","created_at":"2015-11-10T20:00:16Z","updated_at":"2018-07-12T20:45:13Z","pushed_at":"2018-07-12T20:44:43Z","git_url":"git://github.com/Automattic/wp-calypso.git","ssh_url":"git@github.com:Automattic/wp-calypso.git","clone_url":"https://github.com/Automattic/wp-calypso.git","svn_url":"https://github.com/Automattic/wp-calypso","homepage":"https://developer.wordpress.com/calypso/","size":99802,"stargazers_count":10086,"watchers_count":10086,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":false,"has_pages":false,"forks_count":1427,"mirror_url":null,"archived":false,"open_issues_count":1579,"license":{"key":"gpl-2.0","name":"GNU General Public License v2.0","spdx_id":"GPL-2.0","url":"https://api.github.com/licenses/gpl-2.0","node_id":"MDc6TGljZW5zZTg="},"forks":1427,"open_issues":1579,"watchers":10086,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/Automattic/wp-calypso/pulls/25844"},"html":{"href":"https://github.com/Automattic/wp-calypso/pull/25844"},"issue":{"href":"https://api.github.com/repos/Automattic/wp-calypso/issues/25844"},"comments":{"href":"https://api.github.com/repos/Automattic/wp-calypso/issues/25844/comments"},"review_comments":{"href":"https://api.github.com/repos/Automattic/wp-calypso/pulls/25844/comments"},"review_comment":{"href":"https://api.github.com/repos/Automattic/wp-calypso/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/Automattic/wp-calypso/pulls/25844/commits"},"statuses":{"href":"https://api.github.com/repos/Automattic/wp-calypso/statuses/f675ea90f168b2e72e9a1b172245c06f007e18e5"}},"author_association":"MEMBER"}}
{"actor":{"display_login":"roccotripaldi"}}