const data = Social.keys("*/widget/*", "final"); const accounts = Object.entries(data); const sorted = accounts.sort((a, b) => { return ( Object.entries(b[1].widget).length - Object.entries(a[1].widget).length ); }); const filtered = sorted.slice(0, 10); const rankings = []; for (let i = 0; i < filtered.length; ++i) { const contributor = filtered[i][0]; const widgetCount = Object.keys(filtered[i][1].widget).length; console.log(contributor, "contributor"); rankings.push( <div className="col"> <div className="card h-100"> <div className="card-header"> <Widget src="mob.near/widget/Profile" props={{ accountId: contributor }} />{" "} </div> <div className="card-body">{widgetCount} widgets</div> </div> </div> ); } return ( <> <div>{accounts.length} total contributors</div> <h1>Top 10 Contributors</h1> <div className="row row-cols-1 row-cols-md-2 row-cols-xl-3 row-cols-xll-4 g-2"> {rankings} </div> </> );