Transaction: HKTMJ6H...cEJX

{ "data": { "humans-of-near.near": { "widget": { "Human-sidebar": { "": "const Owner = \"humans-of-near.near\";\nconst API_URL = \"https://humans.nearverselabs.com/api\";\n\nconst { humans, profileModal, filtersModal, showProfile, showFilters } = props;\n\nconst Sidebar = styled.div`\n position: absolute;\n right: 40px; \n height: 100%; \n padding-top:32px;\n padding-bottom:32px;\n\n @media (max-width: 510px) {\n & .menu {\n display: none;\n }\n\n & .btn-menu {\n display: block;\n }\n }\n`;\n\nconst SidebarContent = styled.div`\n color: white;\n height: 100%;\n display: flex;\n border-radius: 6px;\n padding: 30px 6px;\n text-align: center;\n background: #22272B;\n align-items: center;\n border: 1px solid #FFF;\n flex-direction: column;\n justify-content: space-between;\n`;\n\nreturn (\n <Sidebar>\n <SidebarContent className=\"menu\">\n <div className=\"d-flex flex-column\" style={{ gap: 40 }}>\n <div\n style={{\n padding: \"10px 0\",\n borderBottom: profileModal ? \"1px solid #FFF\" : 0,\n }}\n >\n <button\n className=\"btn p-0\"\n onClick={showProfile}\n style={{ width: \"fit-content\", height: \"fit-content\" }}\n >\n <svg\n width=\"30\"\n height=\"30\"\n viewBox=\"0 0 30 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M26.35 10.725V19.275C26.35 20.675 25.6 21.9751 24.3875 22.6876L16.9625 26.975C15.75 27.675 14.25 27.675 13.025 26.975L5.6 22.6876C4.3875 21.9876 3.6375 20.6875 3.6375 19.275V10.725C3.6375 9.32504 4.3875 8.02499 5.6 7.31249L13.025 3.025C14.2375 2.325 15.7375 2.325 16.9625 3.025L24.3875 7.31249C25.6 8.02499 26.35 9.31254 26.35 10.725Z\"\n stroke=\"white\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M15 13.75C16.6085 13.75 17.9125 12.446 17.9125 10.8375C17.9125 9.22896 16.6085 7.92505 15 7.92505C13.3915 7.92505 12.0875 9.22896 12.0875 10.8375C12.0875 12.446 13.3915 13.75 15 13.75Z\"\n stroke=\"white\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M20 20.8249C20 18.5749 17.7625 16.75 15 16.75C12.2375 16.75 10 18.5749 10 20.8249\"\n stroke=\"white\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </button>\n </div>\n\n <div\n style={{\n padding: \"10px 0\",\n borderBottom: filtersModal ? \"1px solid #FFF\" : 0,\n }}\n >\n <button\n className=\"btn p-0\"\n onClick={showFilters}\n style={{ width: \"fit-content\", height: \"fit-content\" }}\n >\n <svg\n width=\"34\"\n height=\"34\"\n viewBox=\"0 0 34 34\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M10.1134 13.542H23.8277M12.3991 16.9706H21.542M14.6848 20.3991H19.2563\"\n stroke=\"white\"\n strokeWidth=\"1.2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <rect\n x=\"1.13137\"\n y=\"16.9705\"\n width=\"22.4\"\n height=\"22.4\"\n rx=\"1.2\"\n transform=\"rotate(-45 1.13137 16.9705)\"\n stroke=\"white\"\n strokeWidth=\"1.6\"\n />\n </svg>\n </button>\n </div>\n </div>\n <div>\n <p style={{ fontSize: 12 }}>Humans</p>\n <p>{humans}</p>\n </div>\n </SidebarContent>\n\n <button\n className=\"btn p-0 btn-menu\"\n onClick={showProfile}\n style={{ width: \"fit-content\", height: \"fit-content\", display: \"none\" }}\n >\n <svg\n width=\"30\"\n height=\"30\"\n viewBox=\"0 0 30 30\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M26.35 10.725V19.275C26.35 20.675 25.6 21.9751 24.3875 22.6876L16.9625 26.975C15.75 27.675 14.25 27.675 13.025 26.975L5.6 22.6876C4.3875 21.9876 3.6375 20.6875 3.6375 19.275V10.725C3.6375 9.32504 4.3875 8.02499 5.6 7.31249L13.025 3.025C14.2375 2.325 15.7375 2.325 16.9625 3.025L24.3875 7.31249C25.6 8.02499 26.35 9.31254 26.35 10.725Z\"\n stroke=\"white\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M15 13.75C16.6085 13.75 17.9125 12.446 17.9125 10.8375C17.9125 9.22896 16.6085 7.92505 15 7.92505C13.3915 7.92505 12.0875 9.22896 12.0875 10.8375C12.0875 12.446 13.3915 13.75 15 13.75Z\"\n stroke=\"white\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M20 20.8249C20 18.5749 17.7625 16.75 15 16.75C12.2375 16.75 10 18.5749 10 20.8249\"\n stroke=\"white\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </button>\n </Sidebar>\n);\n" } } } } }