Transaction: G6PqzAJ...Pv6j

{ "data": { "nearcon23.near": { "widget": { "Speakers.Speakers": { "": "const ownerId = \"nearcon23.near\";\n\nconst apiKey =\n \"patWQQ6FY8H5O8wTY.4b08b48ac31aa13eb9fea974cfa60e103ae7297c010d4fe752e1abb37bd24c9d\";\n// const apiKey =\n// \"patOH9NyQAOS284vt.f2def1ed9bfc2c5d8679d23e00f4a524f4ac446e7dbf05d91496595c58ac72e9\";\n\nconst Container = styled.div`\n display: flex;\n padding: 3.125rem 3.25rem;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n flex-wrap: wrap;\n\n & > div {\n width: 25%;\n }\n\n @media screen and (max-width: 768px) {\n & > div {\n width: 100%;\n }\n }\n\n @media screen and (min-width: 768px) and (max-width: 1024px) {\n & > div {\n width: 50%;\n }\n }\n`;\n\nState.init({\n speakers: [],\n speakersIsFetched: false,\n});\n\nif (!state.speakersIsFetched) {\n // \"https://api.airtable.com/v0/appcR9zt96Wv7VXWl/tbl8IoEJuAorcE7qQ?fields%5B%5D=Name&fields%5B%5D=Headshot\",\n asyncFetch(\n \"https://api.airtable.com/v0/appQ5KiH1VkoRuhME/tbl9gfpl5Ra30INUU?fields%5B%5D=Name&fields%5B%5D=Headshot\",\n {\n headers: {\n Authorization: `Bearer ${apiKey}`,\n },\n }\n ).then(({ body }) => {\n State.update({\n speakers: body.records.map((record) => {\n const [name, org] = record.fields.Name.split(\" - \");\n return {\n name,\n org,\n image: record.fields.Headshot[0].url,\n };\n }),\n speakersIsFetched: true,\n });\n });\n\n return <>Loading...</>;\n}\n\nreturn (\n <Container>\n {state.speakers.map(({ name, org, image }) => (\n <div key={name}>\n <Widget\n src={`${ownerId}/widget/Speakers.SpeakerCard`}\n props={{ name, org, image }}\n />\n </div>\n ))}\n </Container>\n);\n" } } } } }