Transaction: 2pTg498...fuGn

{ "data": { "ref-admin.near": { "widget": { "NFTCollection": { "": "const accountId = props.accountId || context.accountId;\n\nif (!accountId) {\n return \"\";\n}\n\nconst limitPerPage = 20;\nlet allNfts = [];\nlet results = [];\n\nState.init({\n currentPage: 0,\n});\n\nconst data = fetch(\n `https://api.kitwallet.app/account/${accountId}/likelyNFTsFromBlock`\n);\n\nif (data.body?.list) {\n allNfts = [];\n results = [];\n\n data.body.list.forEach((contractId, i) => {\n const nfts = Near.view(contractId, \"nft_tokens_for_owner\", {\n account_id: accountId,\n from_index: \"0\",\n limit: 200,\n });\n\n if (nfts?.length > 0) {\n nfts.forEach((nft) => {\n allNfts.push({\n ...nft,\n contractId,\n });\n\n allNfts = allNfts.slice(\n 0,\n state.currentPage * limitPerPage + limitPerPage\n );\n });\n }\n\n if (nfts !== null) {\n results.push(nfts);\n }\n });\n}\n\nconst hasFinishedLoading = data.body?.list?.length === results.length;\nconst showLoadMoreButton =\n allNfts.length > 0 && allNfts.length % limitPerPage === 0;\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n gap: 48px;\n`;\n\nconst Items = styled.div`\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 12px;\n\n @media (max-width: 550px) {\n grid-template-columns: repeat(3, 1fr);\n }\n`;\n\nconst Card = styled.a`\n display: block;\n text-decoration: none;\n padding-top: 100%;\n position: relative;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0px 12px 16px rgba(16, 24, 40, 0.08), 0px 4px 6px rgba(16, 24, 40, 0.03);\n\n .nft-thumbnail {\n position: absolute;\n inset: 0;\n object-fit: cover;\n width: 100%;\n height: 100%;\n }\n`;\n\nconst Text = styled.p`\n margin: 0;\n font-size: 14px;\n line-height: 20px;\n color: ${(p) => (p.bold ? \"#11181C\" : \"#687076\")};\n font-weight: ${(p) => (p.bold ? \"600\" : \"400\")};\n font-size: ${(p) => (p.small ? \"12px\" : \"14px\")};\n`;\n\nconst Button = styled.button`\n display: block;\n width: 100%;\n padding: 8px;\n height: 32px;\n border-radius: 50px;\n font-weight: 600;\n font-size: 12px;\n line-height: 15px;\n text-align: center;\n cursor: pointer;\n margin: 0;\n background: rgba(26, 46, 51, 0.25);\n border: 0.5px solid rgba(255, 255, 255, 0.3);\n color:#ffff;\n &:hover,\n &:focus {\n text-decoration: none;\n outline: none;\n }\n\n span {\n color: #687076 !important;\n }\n`;\n\nif (!hasFinishedLoading) return \"Loading\";\n\nif (hasFinishedLoading && allNfts.length === 0) {\n return <Text>This account doesn&apos;t have any NFTs yet.</Text>;\n}\n\nreturn (\n <Wrapper>\n <Items>\n {allNfts.map((nft, i) => (\n <Card\n key={i}\n href={`/#/mob.near/widget/NftImage?tokenId=${nft.token_id}&contractId=${nft.contractId}`}\n >\n <Widget\n src=\"mob.near/widget/NftImage\"\n props={{\n nft: { tokenId: nft.token_id, contractId: nft.contractId },\n className: \"nft-thumbnail\",\n fallbackUrl:\n \"https://ipfs.near.social/ipfs/bafkreihdiy3ec4epkkx7wc4wevssruen6b7f3oep5ylicnpnyyqzayvcry\",\n alt: `NFT ${nft.contractId} ${nft.token_id}`,\n }}\n />\n </Card>\n ))}\n </Items>\n\n {showLoadMoreButton && (\n <Button\n type=\"button\"\n onClick={() => State.update({ currentPage: state.currentPage + 1 })}\n >\n Load More\n </Button>\n )}\n </Wrapper>\n);\n" } } } } }