payload: {"action":"created","issue":{"url":"https://api.github.com/repos/TdzainDigital/store-framework/issues/20","repository_url":"https://api.github.com/repos/TdzainDigital/store-framework","labels_url":"https://api.github.com/repos/TdzainDigital/store-framework/issues/20/labels{/name}","comments_url":"https://api.github.com/repos/TdzainDigital/store-framework/issues/20/comments","events_url":"https://api.github.com/repos/TdzainDigital/store-framework/issues/20/events","html_url":"https://github.com/TdzainDigital/store-framework/issues/20","id":533573348,"node_id":"MDU6SXNzdWU1MzM1NzMzNDg=","number":20,"title":"Inserindo um Iframe na nossa página institucional","user":{"login":"github-learning-lab[bot]","id":37936606,"node_id":"MDM6Qm90Mzc5MzY2MDY=","avatar_url":"https://avatars0.githubusercontent.com/in/10572?v=4","gravatar_id":"","url":"https://api.github.com/users/github-learning-lab%5Bbot%5D","html_url":"https://github.com/apps/github-learning-lab","followers_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/followers","following_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/following{/other_user}","gists_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/gists{/gist_id}","starred_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/subscriptions","organizations_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/orgs","repos_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/repos","events_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/events{/privacy}","received_events_url":"https://api.github.com/users/github-learning-lab%5Bbot%5D/received_events","type":"Bot","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2019-12-05T20:12:20Z","updated_at":"2019-12-05T20:36:09Z","closed_at":null,"author_association":"NONE","body":"# Inserindo um Iframe na nossa página institucional\n\n## :sparkles: **Branch:** iframe\n\n## Introdução\n\nUm *Iframe* é um elemento HTML que permite a incorporação de uma outra página HTML à atual. Dessa forma, a partir do bloco [**Iframe**](https://vtex.io/docs/components/all/vtex.iframe/) é possível embutir conteúdos de outras URLs para serem exibidos em nossa página. É importante lembrar que as URLs renderizadas pelo Iframe possuem um contexto próprio, tendo histórico de sessão e DOM independentes da sua página customizada.\n\n**ATENÇÃO**: Iframes só são permitidos dentro de templates de custom pages.\n\nO bloco `iframe` tem propriedades bem simples:\n\n- `src`: indica qual URL o iframe deve renderizar\n- `width`: largura do elemento iframe em pixels\n- `height`: altura do elemento iframe\n\nAbaixo, vemos um exemplo de implementação do bloco `iframe`:\n\n```json\n\"store.custom#about-us\": {\n   \"blocks\": [\n     \"flex-layout.row#about-us\",\n     \"iframe\"\n   ]\n },\n\n\"iframe\": {\n  \"props\": {\n    \"src\": \"http://someURL.com/resource\",\n    \"width\": 100,\n    \"heigth\": 200,\n  }\n}\n```\n\n## Atividade\n\nVamos exibir um post de Instagram em nossa loja:\n\n1. Troque a label da aba \"Electronics\" para \"Instagram\";\n2. No conteúdo da aba Instagram, apague o `rich-text` e inclua um bloco `iframe`;\n3. Nas props do `iframe`, exiba o conteúdo do link `https://www.instagram.com/p/B37Zfd6FobU/embed` num container de 800px de largura por 1000px de altura.\n\n:information_source: Lembre-se de acessar a documentação do [Iframe](https://vtex.io/docs/components/all/vtex.iframe/) caso tenha alguma dúvida durante a atividade.\n\nResultado esperado:\n![](https://appliancetheme.vteximg.com.br/arquivos/imagem-iframe.png)\n\n---\n\n### :no_entry_sign: Perdido? \n\nHá algum problema com esse passo? Que tal nos enviar um feedback? :pray:\n\n[Criar feedback](https://docs.google.com/forms/d/e/1FAIpQLSeaWrm0Hogm-txm5Ww6mUa68eDuE3WnpFjUSVJ3Wi3dnmCb7A/viewform?usp=pp_url&entry.1784529524=Inserindo+um+Iframe+na+nossa+p%C3%A1gina+institucional) \n\n----\n\nSe ainda tiver dúvida sobre como enviar sua resposta, você pode rever [aqui](https://github.com/TdzainDigital/store-framework/issues/3).\n"},"comment":{"url":"https://api.github.com/repos/TdzainDigital/store-framework/issues/comments/562306730","html_url":"https://github.com/TdzainDigital/store-framework/issues/20#issuecomment-562306730","issue_url":"https://api.github.com/repos/TdzainDigital/store-framework/issues/20","id":562306730,"node_id":"MDEyOklzc3VlQ29tbWVudDU2MjMwNjczMA==","user":{"login":"vtex-course-hub[bot]","id":57236986,"node_id":"MDM6Qm90NTcyMzY5ODY=","avatar_url":"https://avatars3.githubusercontent.com/u/56606363?v=4","gravatar_id":"","url":"https://api.github.com/users/vtex-course-hub%5Bbot%5D","html_url":"https://github.com/apps/vtex-course-hub","followers_url":"https://api.github.com/users/vtex-course-hub%5Bbot%5D/followers","following_url":"https://api.github.com/users/vtex-course-hub%5Bbot%5D/following{/other_user}","gists_url":"https://api.github.com/users/vtex-course-hub%5Bbot%5D/gists{/gist_id}","starred_url":"https://api.github.com/users/vtex-course-hub%5Bbot%5D/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/vtex-course-hub%5Bbot%5D/subscriptions","organizations_url":"https://api.github.com/users/vtex-course-hub%5Bbot%5D/orgs","repos_url":"https://api.github.com/users/vtex-course-hub%5Bbot%5D/repos","events_url":"https://api.github.com/users/vtex-course-hub%5Bbot%5D/events{/privacy}","received_events_url":"https://api.github.com/users/vtex-course-hub%5Bbot%5D/received_events","type":"Bot","site_admin":false},"created_at":"2019-12-05T20:36:09Z","updated_at":"2019-12-05T20:36:09Z","author_association":"NONE","body":"## Oopsie, something went wrong :crying_cat_face:\n \n\n### Results \n:white_check_mark::white_check_mark::x: \n\n### Tests \n\n:white_check_mark: Update the label from the `tab-list.item#home2` to Instagram\n:white_check_mark: Add an `iframe` to the tab labeled \"Instagram\"\n:x: Your iframe is not configured according to the instructions for this step \n\n### Try again :grin:"}}
other: {"actor":{"display_login":"vtex-course-hub"}}