{"action":"created","issue":{"url":"https://api.github.com/repos/WordPress/gutenberg/issues/18070","repository_url":"https://api.github.com/repos/WordPress/gutenberg","labels_url":"https://api.github.com/repos/WordPress/gutenberg/issues/18070/labels{/name}","comments_url":"https://api.github.com/repos/WordPress/gutenberg/issues/18070/comments","events_url":"https://api.github.com/repos/WordPress/gutenberg/issues/18070/events","html_url":"https://github.com/WordPress/gutenberg/pull/18070","id":510852441,"node_id":"MDExOlB1bGxSZXF1ZXN0MzMxMTUzNzQ0","number":18070,"title":"Components: Draggable, add story","user":{"login":"ItsJonQ","id":2322354,"node_id":"MDQ6VXNlcjIzMjIzNTQ=","avatar_url":"https://avatars0.githubusercontent.com/u/2322354?v=4","gravatar_id":"","url":"https://api.github.com/users/ItsJonQ","html_url":"https://github.com/ItsJonQ","followers_url":"https://api.github.com/users/ItsJonQ/followers","following_url":"https://api.github.com/users/ItsJonQ/following{/other_user}","gists_url":"https://api.github.com/users/ItsJonQ/gists{/gist_id}","starred_url":"https://api.github.com/users/ItsJonQ/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ItsJonQ/subscriptions","organizations_url":"https://api.github.com/users/ItsJonQ/orgs","repos_url":"https://api.github.com/users/ItsJonQ/repos","events_url":"https://api.github.com/users/ItsJonQ/events{/privacy}","received_events_url":"https://api.github.com/users/ItsJonQ/received_events","type":"User","site_admin":false},"labels":[{"id":1205666066,"node_id":"MDU6TGFiZWwxMjA1NjY2MDY2","url":"https://api.github.com/repos/WordPress/gutenberg/labels/Good%20First%20Review","name":"Good First Review","color":"d4c5f9","default":false},{"id":1607665481,"node_id":"MDU6TGFiZWwxNjA3NjY1NDgx","url":"https://api.github.com/repos/WordPress/gutenberg/labels/Storybook","name":"Storybook","color":"81e2c7","default":false},{"id":659839209,"node_id":"MDU6TGFiZWw2NTk4MzkyMDk=","url":"https://api.github.com/repos/WordPress/gutenberg/labels/[Feature]%20UI%20Components","name":"[Feature] UI Components","color":"fbca04","default":false}],"state":"open","locked":false,"assignee":{"login":"ItsJonQ","id":2322354,"node_id":"MDQ6VXNlcjIzMjIzNTQ=","avatar_url":"https://avatars0.githubusercontent.com/u/2322354?v=4","gravatar_id":"","url":"https://api.github.com/users/ItsJonQ","html_url":"https://github.com/ItsJonQ","followers_url":"https://api.github.com/users/ItsJonQ/followers","following_url":"https://api.github.com/users/ItsJonQ/following{/other_user}","gists_url":"https://api.github.com/users/ItsJonQ/gists{/gist_id}","starred_url":"https://api.github.com/users/ItsJonQ/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ItsJonQ/subscriptions","organizations_url":"https://api.github.com/users/ItsJonQ/orgs","repos_url":"https://api.github.com/users/ItsJonQ/repos","events_url":"https://api.github.com/users/ItsJonQ/events{/privacy}","received_events_url":"https://api.github.com/users/ItsJonQ/received_events","type":"User","site_admin":false},"assignees":[{"login":"ItsJonQ","id":2322354,"node_id":"MDQ6VXNlcjIzMjIzNTQ=","avatar_url":"https://avatars0.githubusercontent.com/u/2322354?v=4","gravatar_id":"","url":"https://api.github.com/users/ItsJonQ","html_url":"https://github.com/ItsJonQ","followers_url":"https://api.github.com/users/ItsJonQ/followers","following_url":"https://api.github.com/users/ItsJonQ/following{/other_user}","gists_url":"https://api.github.com/users/ItsJonQ/gists{/gist_id}","starred_url":"https://api.github.com/users/ItsJonQ/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ItsJonQ/subscriptions","organizations_url":"https://api.github.com/users/ItsJonQ/orgs","repos_url":"https://api.github.com/users/ItsJonQ/repos","events_url":"https://api.github.com/users/ItsJonQ/events{/privacy}","received_events_url":"https://api.github.com/users/ItsJonQ/received_events","type":"User","site_admin":false}],"milestone":null,"comments":1,"created_at":"2019-10-22T19:11:54Z","updated_at":"2019-10-29T08:01:50Z","closed_at":null,"author_association":"CONTRIBUTOR","pull_request":{"url":"https://api.github.com/repos/WordPress/gutenberg/pulls/18070","html_url":"https://github.com/WordPress/gutenberg/pull/18070","diff_url":"https://github.com/WordPress/gutenberg/pull/18070.diff","patch_url":"https://github.com/WordPress/gutenberg/pull/18070.patch"},"body":"This update adds a Storybook example for the Draggable component from `@wordpress/components`.\r\n\r\n![Screen Capture on 2019-10-22 at 15-06-44](https://user-images.githubusercontent.com/2322354/67321911-3627b600-f4de-11e9-9bd7-c7e3ef38d1d0.gif)\r\n\r\nAdding another one to:\r\nhttps://github.com/WordPress/gutenberg/issues/17973\r\n\r\n❤️ \r\n"},"comment":{"url":"https://api.github.com/repos/WordPress/gutenberg/issues/comments/547300881","html_url":"https://github.com/WordPress/gutenberg/pull/18070#issuecomment-547300881","issue_url":"https://api.github.com/repos/WordPress/gutenberg/issues/18070","id":547300881,"node_id":"MDEyOklzc3VlQ29tbWVudDU0NzMwMDg4MQ==","user":{"login":"gziolo","id":699132,"node_id":"MDQ6VXNlcjY5OTEzMg==","avatar_url":"https://avatars2.githubusercontent.com/u/699132?v=4","gravatar_id":"","url":"https://api.github.com/users/gziolo","html_url":"https://github.com/gziolo","followers_url":"https://api.github.com/users/gziolo/followers","following_url":"https://api.github.com/users/gziolo/following{/other_user}","gists_url":"https://api.github.com/users/gziolo/gists{/gist_id}","starred_url":"https://api.github.com/users/gziolo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gziolo/subscriptions","organizations_url":"https://api.github.com/users/gziolo/orgs","repos_url":"https://api.github.com/users/gziolo/repos","events_url":"https://api.github.com/users/gziolo/events{/privacy}","received_events_url":"https://api.github.com/users/gziolo/received_events","type":"User","site_admin":false},"created_at":"2019-10-29T08:01:50Z","updated_at":"2019-10-29T08:01:50Z","author_association":"MEMBER","body":"> After creating a couple of other stories, I discovered that creating a dedicated `Example` component with the hook stuff resolves this issue:\r\n> \r\n> ```js-jsx\r\n> const Example = () => (...)\r\n> \r\n> export const _default = () => <Example />\r\n> ```\r\n> \r\n> I just updated this story with that setup, and it looks like it's working 👍\r\n\r\nYes, this should work. Sometimes you can extract only bits that handle the state and connect it with the original component but in this case using `Example` is the most straightforward way. "}}
{"actor":{"display_login":"gziolo"}}