const accountId = props.accountId || context.accountId || "every.near"; const limit = props.limit || 888; let buildersObject = Social.get(`*/graph/commons/${accountId}`, "final"); if (!buildersObject) { return ""; } const builders = props.builders || Object.keys(buildersObject); const Faces = styled.span` .face { display: inline-block; position: relative; top: -0.05em; margin: 0 -0.1em; height: 2.3em; width: 2.3em; min-width: 1.888em; img { object-fit: cover; border-radius: 50%; width: 100%; height: 100%; } } `; return ( <> <Faces className="ms-2"> {builders.map((accountId, i) => ( <a key={i} href={`https:///${accountId}.social`} className="text-decoration-none d-inline-block" > <Widget src="hack.near/widget/overlay.trigger" props={{ accountId, src: "hack.near/widget/profile.overlay", children: ( <Widget src="mob.near/widget/ProfileImage" props={{ metadata, accountId, style: { zIndex: 10 - i }, className: "face", tooltip: false, imageStyle: {}, imageClassName: "", }} /> ), }} /> </a> ))} </Faces> </> );