Transaction: AYCFXo4...sH7c

{ "data": { "mob.near": { "widget": { "LastWidgets": { "": "const accountId = props.accountId ?? \"*\";\n\nconst data = Social.keys(`${accountId}/widget/*/metadata`, \"final\", {\n return_type: \"BlockHeight\",\n});\n\nif (!data) {\n return \"Loading\";\n}\n\nconst processData = (data) => {\n const accounts = Object.entries(data);\n\n const allItems = accounts\n .map((account) => {\n const accountId = account[0];\n const widgets = account[1].widget;\n return Object.entries(widgets).map((kv) => ({\n accountId,\n widgetName: kv[0],\n blockHeight: kv[1],\n }));\n })\n .flat();\n\n allItems.sort((a, b) => b.blockHeight - a.blockHeight);\n return allItems;\n};\n\nconst itemToWidget = (a) => (\n <div className=\"mb-3\" key={JSON.stringify(a)} style={{ minHeight: \"10em\" }}>\n <Widget src=\"mob.near/widget/WidgetMetadata\" props={a} />\n </div>\n);\n\nState.init({\n allItems: processData(data),\n widgets: [],\n});\n\nconst makeMoreItems = () => {\n const newItems = state.allItems\n .slice(state.widgets.length, state.widgets.length + 10)\n .map(itemToWidget);\n newItems.forEach((widget) => state.widgets.push(widget));\n State.update();\n};\n\nreturn (\n <div className=\"px-2 mx-auto\" style={{ maxWidth: \"42em\" }}>\n <InfiniteScroll\n pageStart={0}\n loadMore={makeMoreItems}\n hasMore={state.widgets.length < state.allItems.length}\n loader={<div className=\"loader\">Loading ...</div>}\n >\n {state.widgets}\n </InfiniteScroll>\n </div>\n);\n", "metadata": { "name": "Last Widgets", "description": "A feed of the widgets ordered by the modified time.", "image": { "ipfs_cid": "bafkreih4pyvjjlsacunhtjehejm6gzydjicwqt6racnlz4ws3unp4esvwe" }, "tags": { "app": "", "widget": "", "feed": "" } } } } } } }