Transaction: JDrfD4k...pouc

{ "data": { "mob.near": { "widget": { "LikeButton.Faces": { "": "const accountId = context.accountId;\n\nconst likesByUsers = props.likesByUsers || {};\nconst limit = props.limit ?? 3;\n\nlet likes = Object.keys(likesByUsers).reverse();\n\nconst graphLikes = [];\nconst nonGraph = [];\n\nconst graph =\n (accountId &&\n Social.keys(`${accountId}/graph/follow/*`, \"final\")[accountId].graph\n .follow) ||\n {};\n\nlikes.forEach((accountId) => {\n if (accountId in graph) {\n graphLikes.push(accountId);\n } else {\n nonGraph.push(accountId);\n }\n});\n\nlet faces = [...graphLikes, ...nonGraph];\n\nconst renderFaces = faces.slice(0, limit);\n\nconst Faces = styled.span`\n .face {\n display: inline-block;\n position:relative;\n margin: -0.1em;\n height: 1em;\n width: 1em;\n min-width: 1em;\n vertical-align: top;\n img {\n object-fit: cover;\n border-radius: 50%;\n width: 100%;\n height: 100%;\n }\n }\n`;\n\nconst Others = styled.span`\n &:hover {\n color: white !important;\n }\n`;\n\nconst numLikes = likes.length;\n\nreturn (\n <>\n {numLikes > 0 ? (\n <OverlayTrigger\n placement=\"auto\"\n overlay={\n <Tooltip>\n <div\n className=\"text-truncate text-start\"\n style={{ maxWidth: \"16em\" }}\n >\n {faces.slice(0, 10).map((accountId, i) => (\n <Fragment key={i}>\n <Widget\n src=\"mob.near/widget/ProfileLine\"\n props={{ accountId, link: false }}\n />\n <br />\n </Fragment>\n ))}\n {faces.length > 10 ? \"...\" : \"\"}\n </div>\n </Tooltip>\n }\n >\n <span>{numLikes}</span>\n </OverlayTrigger>\n ) : (\n \"\"\n )}\n <Faces className=\"ms-1\">\n {renderFaces.map((accountId, i) => (\n <a\n key={i}\n href={`#/mob.near/widget/ProfilePage?accountId=${accountId}`}\n className=\"text-decoration-none d-inline-block\"\n >\n <Widget\n src=\"mob.near/widget/Profile.OverlayTrigger\"\n props={{\n accountId,\n children: (\n <Widget\n src=\"mob.near/widget/ProfileImage\"\n props={{\n metadata,\n accountId,\n widgetName,\n style: { zIndex: 10 - i },\n className: \"face\",\n tooltip: false,\n imageStyle: {},\n imageClassName: \"\",\n }}\n />\n ),\n }}\n />\n </a>\n ))}\n </Faces>\n </>\n);\n" } } } } }