{"action":"opened","issue":{"url":"https://api.github.com/repos/lifechurch/img-src/issues/31","repository_url":"https://api.github.com/repos/lifechurch/img-src","labels_url":"https://api.github.com/repos/lifechurch/img-src/issues/31/labels{/name}","comments_url":"https://api.github.com/repos/lifechurch/img-src/issues/31/comments","events_url":"https://api.github.com/repos/lifechurch/img-src/issues/31/events","html_url":"https://github.com/lifechurch/img-src/issues/31","id":321297363,"number":31,"title":"Approval Item Component","user":{"login":"michael-martin-al","id":3265272,"avatar_url":"https://avatars0.githubusercontent.com/u/3265272?v=4","gravatar_id":"","url":"https://api.github.com/users/michael-martin-al","html_url":"https://github.com/michael-martin-al","followers_url":"https://api.github.com/users/michael-martin-al/followers","following_url":"https://api.github.com/users/michael-martin-al/following{/other_user}","gists_url":"https://api.github.com/users/michael-martin-al/gists{/gist_id}","starred_url":"https://api.github.com/users/michael-martin-al/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/michael-martin-al/subscriptions","organizations_url":"https://api.github.com/users/michael-martin-al/orgs","repos_url":"https://api.github.com/users/michael-martin-al/repos","events_url":"https://api.github.com/users/michael-martin-al/events{/privacy}","received_events_url":"https://api.github.com/users/michael-martin-al/received_events","type":"User","site_admin":false},"labels":[{"id":921790035,"url":"https://api.github.com/repos/lifechurch/img-src/labels/Component","name":"Component","color":"7bb0ce","default":false},{"id":923153190,"url":"https://api.github.com/repos/lifechurch/img-src/labels/Intermediate%20Skill","name":"Intermediate Skill","color":"458c13","default":false},{"id":926839202,"url":"https://api.github.com/repos/lifechurch/img-src/labels/Requires%20Mock%20Data","name":"Requires Mock Data","color":"db6bb7","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-05-08T18:30:53Z","updated_at":"2018-05-08T18:30:53Z","closed_at":null,"author_association":"CONTRIBUTOR","body":"Build a responsive approval item component with the appropriate tachyon class names to match the design below. On small screens, the horizontal layout switches to a primarily vertical layout.\r\n\r\nIcons and Images can be downloaded here: https://www.dropbox.com/sh/sc39wtcle0uks5l/AAAWV3uT9o5ZPUxpqXn9UMz9a?dl=0\r\n\r\n***Be sure to read our [Contributor Guidelines](https://github.com/lifechurch/img-src/blob/master/CONTRIBUTING.md) before getting started.***\r\n\r\n## Completion Checklist\r\n- [ ] Responsive: Does it look equally awesome on big and small screens?\r\n- [ ] Does it have an `onImageAction` `func` prop that is called when the `Approve` or `Deny` options are selected with parameters describing the item (verse, image url, etc.)?\r\n- [ ] Does it have an `onUserAction` `func` prop that is called when the Thumb Up/Down buttons are clicked with parameters describing the user?\r\n- [ ] Does it render a list of verse card thumbnails for the verse in the item data?\r\n- [ ] Does it use mock JSON api data to populate an approval item?\r\n- [ ] Does it render a `New` label on items that are new (as determined by mock API response)?\r\n- [ ] Does it look like the designs below?\r\n\r\n## Desktop Design\r\n\r\n![image](https://github.com/lifechurch/img-src/raw/master/ui-design/admin/pending-desktop.png)\r\n\r\n## Mobile Design\r\n\r\n![image](https://github.com/lifechurch/img-src/raw/master/ui-design/admin/pending-mobile.png)\r\n"}}
{"actor":{"display_login":"michael-martin-al"}}