Transaction: 4WXBek4...EtE9

{ "data": { "buildhub.near": { "widget": { "components.buttons.UserDropdown": { "": "const StyledDropdown = styled.div`\n button,\n a {\n font-weight: 500;\n }\n .dropdown-toggle {\n display: flex;\n align-items: center;\n text-align: left;\n background-color: #23242b;\n border-radius: 8px;\n color: #fff;\n outline: none;\n border: 0;\n padding: 4px 8px;\n &:after {\n margin: 0 15px;\n border-top-color: #9ba1a6;\n }\n img {\n border-radius: 50% !important;\n }\n .profile-info {\n margin: 5px 10px;\n margin-right: 0;\n line-height: normal;\n max-width: 100px;\n .profile-name,\n .profile-username {\n text-overflow: ellipsis;\n overflow: hidden;\n }\n .profile-name {\n color: #ecedee;\n }\n .profile-username {\n color: #9ba1a6;\n }\n }\n }\n ul {\n background-color: #23242b;\n width: 100%;\n width: 210px;\n li {\n padding: 0 6px;\n }\n button,\n a {\n color: #9ba1a6;\n display: flex;\n align-items: center;\n border-radius: 8px;\n padding: 12px;\n :hover,\n :focus {\n text-decoration: none;\n background-color: #151718;\n color: white;\n svg {\n path {\n stroke: white;\n }\n }\n }\n svg {\n margin-right: 7px;\n min-width: 24px;\n path {\n stroke: #0091ff;\n }\n }\n }\n }\n`;\nfunction User() {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15.25 8C15.25 9.79493 13.7949 11.25 12 11.25C10.2051 11.25 8.75 9.79493 8.75 8C8.75 6.20507 10.2051 4.75 12 4.75C13.7949 4.75 15.25 6.20507 15.25 8Z\"\n stroke=\"#697177\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M6.84751 19.25H17.1525C18.2944 19.25 19.174 18.2681 18.6408 17.2584C17.8563 15.7731 16.068 14 12 14C7.93201 14 6.14367 15.7731 5.35924 17.2584C4.82597 18.2681 5.70559 19.25 6.84751 19.25Z\"\n stroke=\"#697177\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n}\nfunction LogOut() {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15.75 8.75L19.25 12L15.75 15.25\"\n stroke=\"#697177\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M19 12H10.75\"\n stroke=\"#697177\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M15.25 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V17.25C4.75 18.3546 5.64543 19.25 6.75 19.25H15.25\"\n stroke=\"#697177\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n );\n}\nconst { href } = VM.require(\"buildhub.near/widget/lib.url\") || {\n href: () => {},\n};\nreturn (\n <StyledDropdown className=\"dropdown\">\n <button\n className=\"dropdown-toggle\"\n type=\"button\"\n id=\"dropdownMenu2222\"\n data-bs-toggle=\"dropdown\"\n aria-expanded=\"false\"\n >\n <div>\n <Widget\n src={\"mob.near/widget/ProfileImage\"}\n props={{\n accountId: context.accountId,\n className: \"d-inline-block\",\n style: { width: \"24px\", height: \"24px\" },\n }}\n />\n </div>\n <div className=\"profile-info\">\n <div className=\"profile-username\">{context.accountId}</div>\n </div>\n </button>\n <ul className=\"dropdown-menu\" aria-labelledby=\"dropdownMenu2222\">\n <li>\n <Link\n className=\"dropdown-item\"\n type=\"button\"\n to={href({\n widgetSrc: \"builddao.near/widget/Index\",\n params: {\n page: \"profile\",\n accountId: context.accountId,\n },\n })}\n >\n <User />\n My Profile\n </Link>\n </li>\n <li>\n <Link className=\"dropdown-item\" type=\"button\" to={\"/logout\"}>\n <LogOut />\n Sign Out\n </Link>\n </li>\n </ul>\n </StyledDropdown>\n);\n" } } } } }