const stats = Social.index("graph", "nft_likes", { order: "desc" }); return ( <> <h3>NFT Leaderboard</h3> <table class="table"> <thead> <tr> <th scope="col">#</th> <th scope="col">Rating</th> <th scope="col">Preview</th> <th scope="col">NFT token id</th> </tr> </thead> <tbody> {stats .map((k) => k.value.nft_likes) .sort((a, b) => b.rating - a.rating) .map(({ contract_id, token_id, rating }, i) => ( <tr className="align-middle" key={i}> <td>{i + 1}</td> <td className="text-center"> <b>{rating}</b> </td> <td> <Widget key={i} src={"mob.near/widget/NftImage"} props={{ tokenId: token_id, contractId: contract_id, className: "img-fluid w-25 h-25", }} /> </td> <td> <a href={`#mob.near/widget/NftImage?tokenId=${token_id}&contractId=${contract_id}`} > {contract_id}:{token_id} </a> </td> </tr> ))} </tbody> </table> </> );