Transaction: B4NKNKr...JMec

{ "data": { "tolmindev.near": { "widget": { "BooClicker": { "": "const boos = Social.index(\"boo\", \"boo-click\");\nconst counter = {};\nconst uniqueMoos = {};\n\nif (boos) {\n boos.reverse().forEach(({ accountId, value }) => {\n const key = JSON.stringify({ accountId, value });\n if (key in uniqueMoos) {\n return;\n }\n counter[accountId] = (counter[accountId] || 0) + 1;\n uniqueMoos[key] = true;\n });\n}\n\nconst top = Object.entries(counter);\ntop.sort((a, b) => b[1] - a[1]);\n\nfunction renderMoos(accountIds) {\n return (\n <div className=\"d-flex flex-wrap gap-3\">\n {accountIds &&\n accountIds.map((accountId) => {\n return (\n <div className=\"position-relative\">\n <a\n href={`#/tolmindev/widget/ProfilePage?accountId=${accountId}`}\n className=\"text-decoration-none\"\n >\n <Widget\n src=\"tolmindev.near/widget/ProfileImage\"\n props={{\n accountId,\n className: \"d-inline-block overflow-hidden\",\n }}\n />\n </a>\n <span\n className=\"position-absolute top-0 start-100 translate-middle badge rounded-pill bg-success\"\n style={{ zIndex: 1, border: \"0px solid rgb(7,7,7)\" }}\n >\n {counter[accountId]}\n </span>\n </div>\n );\n })}\n </div>\n );\n}\n\nreturn (\n <div>\n <div className=\"mb-4\">\n <CommitButton\n className=\"btn btn-lg btn-success\"\n data={{\n index: {\n boo: JSON.stringify(\n {\n key: \"boo-click\",\n value: Date.now(),\n },\n undefined,\n 0\n ),\n },\n }}\n >\n Boo 💀\n </CommitButton>\n </div>\n <div className=\"mb-4\">\n <h4>💀 Boo Overlords</h4>\n <div>{renderMoos(top.slice(0, 10).map((a) => a[0]))}</div>\n </div>\n <div className=\"mb-4\">\n <h4>🦇 Last Catchers </h4>\n <div>{boos && renderMoos(boos.slice(0, 10).map((a) => a.accountId))}</div>\n </div>\n </div>\n);\n" } } } } }