{"action":"created","issue":{"url":"https://api.github.com/repos/Automattic/wp-calypso/issues/28353","repository_url":"https://api.github.com/repos/Automattic/wp-calypso","labels_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/28353/labels{/name}","comments_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/28353/comments","events_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/28353/events","html_url":"https://github.com/Automattic/wp-calypso/pull/28353","id":378327083,"node_id":"MDExOlB1bGxSZXF1ZXN0MjI5MDU3NzEw","number":28353,"title":"Update/simple payments block help messages","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},"labels":[{"id":780071208,"node_id":"MDU6TGFiZWw3ODAwNzEyMDg=","url":"https://api.github.com/repos/Automattic/wp-calypso/labels/Simple%20Payments","name":"Simple Payments","color":"006b75","default":false},{"id":967391996,"node_id":"MDU6TGFiZWw5NjczOTE5OTY=","url":"https://api.github.com/repos/Automattic/wp-calypso/labels/[Goal]%20Gutenberg","name":"[Goal] Gutenberg","color":"97f4d2","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}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-11-07T15:04:24Z","updated_at":"2018-11-07T15:04:26Z","closed_at":null,"author_association":"MEMBER","pull_request":{"url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/28353","html_url":"https://github.com/Automattic/wp-calypso/pull/28353","diff_url":"https://github.com/Automattic/wp-calypso/pull/28353.diff","patch_url":"https://github.com/Automattic/wp-calypso/pull/28353.patch"},"body":"#### Changes proposed in this Pull Request\r\n\r\n- Improved visuals for validation errors:\r\n   - Icon\r\n   - `\tfont-size: 13px; line-height: 1.4em;`\r\n- Hide validation error once the user starts typing in the field again\r\n- Use component for the messages instead of Gutenberg's `help` attribute\r\n\r\nI based this PR to branch of https://github.com/Automattic/wp-calypso/pull/28351 so it has some unrelated i18n and prettier changes — once the other PR is merged this should look ok again.\r\n\r\n## Screenshots\r\n\r\n<img src=\"https://user-images.githubusercontent.com/87168/48138967-0f14ac00-e2ae-11e8-8e12-10f89fbb8b5c.png\" width=\"550\" />\r\n\r\n---\r\n\r\n<img src=\"https://user-images.githubusercontent.com/87168/48138991-19cf4100-e2ae-11e8-889b-e32c41da3ccd.png\" width=\"350\" />\r\n\r\n---\r\n\r\n\r\n\r\n#### Testing instructions\r\n\r\n- Spin up Calypso: https://calypso.live/gutenberg/post?branch=update/simple-payments-block-help-messages\r\n    - Alternatively open gutenpack-jn and connect Jetpack\r\n- Add simple payments block to a post\r\n- Unselect the block without modifying anything: errors should appear and they're shiny new lookin'!\r\n- Start typing into field and error for that field should be gone ✨ \r\n- Confirm that errors work visually in different screen widths\r\n\r\nThere are some bibs and bobs that need to be adjusted in terms of spacing between elements, but I'll handle those in a separate PR\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/Automattic/wp-calypso/issues/comments/436653365","html_url":"https://github.com/Automattic/wp-calypso/pull/28353#issuecomment-436653365","issue_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/28353","id":436653365,"node_id":"MDEyOklzc3VlQ29tbWVudDQzNjY1MzM2NQ==","user":{"login":"matticbot","id":18333116,"node_id":"MDQ6VXNlcjE4MzMzMTE2","avatar_url":"https://avatars2.githubusercontent.com/u/18333116?v=4","gravatar_id":"","url":"https://api.github.com/users/matticbot","html_url":"https://github.com/matticbot","followers_url":"https://api.github.com/users/matticbot/followers","following_url":"https://api.github.com/users/matticbot/following{/other_user}","gists_url":"https://api.github.com/users/matticbot/gists{/gist_id}","starred_url":"https://api.github.com/users/matticbot/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/matticbot/subscriptions","organizations_url":"https://api.github.com/users/matticbot/orgs","repos_url":"https://api.github.com/users/matticbot/repos","events_url":"https://api.github.com/users/matticbot/events{/privacy}","received_events_url":"https://api.github.com/users/matticbot/received_events","type":"User","site_admin":false},"created_at":"2018-11-07T15:04:26Z","updated_at":"2018-11-07T15:04:26Z","author_association":"NONE","body":"Test live: https://calypso.live/?branch=update/simple-payments-block-help-messages"}}
{"actor":{"display_login":"matticbot"}}