Transaction: 34ctvYQ...NfNd

{ "data": { "events_v2.near": { "widget": { "layouts__container": { "": "const NAVBAR_HEIGHT = 64;\nconst NAVBAR_OFFSET_TOP = 0;\n\nconst title = props.title || '';\nconst dropdownItems = props.dropdownItems || [];\n\nconst dropdownElement =\n dropdownItems && dropdownItems.length > 0 ? (\n <>\n <button\n className=\"navbar-toggler\"\n type=\"button\"\n data-bs-toggle=\"collapse\"\n data-bs-target=\"#mainMenuDropdown\"\n aria-controls=\"mainMenuDropdown\"\n aria-expanded=\"false\"\n aria-label=\"Toggle navigation\"\n >\n <span className=\"navbar-toggler-icon\"></span>\n </button>\n\n <div className=\"collapse navbar-collapse\" id=\"mainMenuDropdown\">\n <ul className=\"navbar-nav me-auto mb-2 mb-lg-0\">\n {dropdownItems.map((item, idx) => {\n return props.__engine.renderComponent(item.name, {\n ...item.props,\n key: `dropdown_item_${item.name}_${idx}`,\n });\n })}\n </ul>\n </div>\n </>\n ) : null;\n\nconst Pulse = styled.keyframes`\n 0% {\n transform: scale(0.975);\n }\n 50% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.975);\n }\n`;\n\nconst NavPrimaryButton = styled.button`\n background-color: transparent;\n user-select: none;\n color: white;\n padding: 8px 16px;\n text-align: center;\n text-decoration: none;\n display: inline-block;\n font-size: 16px;\n transition: all 1s ease-in-out;\n margin-left: 8px;\n cursor: pointer;\n\n border-radius: 8px;\n border: 1px solid white;\n box-shadow: 0 0 2px 1px rgb(0, 0, 0, 0.3),\n 0 0 89px 2px rgb(255, 255, 255, 0.4);\n\n transform: scale(0.975);\n\n &:hover {\n /* darker and transparent */\n background-color: rgba(44, 44, 84, 0.85);\n\n animation: ${Pulse} 2s infinite;\n }\n`;\n\nconst navbar = (\n <div\n className=\"navbar navbar-expand-lg navbar-dark\"\n style={{\n minHeight: NAVBAR_HEIGHT,\n position: 'fixed',\n top: NAVBAR_OFFSET_TOP,\n width: '100%',\n // dark purple #2c2c54 with backdrop filter blur\n backgroundColor: 'rgba(44, 44, 84, 0.85)',\n backdropFilter: 'blur(32px) saturate(180%)',\n webkitBackdropFilter: 'blur(32px) saturate(180%)',\n zIndex: 99999999,\n }}\n >\n <div className=\"container-fluid h-100 flex\">\n <div className=\"d-flex align-items-center w-100\">\n {props.back ? (\n <button\n className=\"\"\n style={{\n color: 'white',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n height: '100%',\n border: 'none',\n outline: 'none',\n background: 'transparent',\n width: NAVBAR_HEIGHT,\n }}\n type=\"button\"\n onClick={() => {\n props.__engine.pop();\n }}\n >\n <i className=\"bi bi-chevron-left\"></i>\n </button>\n ) : null}\n\n <h2\n style={{\n color: 'white',\n margin: 0,\n padding: 0,\n marginLeft: 10,\n marginRight: 'auto',\n fontSize: 20,\n display: 'inline-block',\n }}\n >\n {title}\n </h2>\n\n {props.primaryAction ? (\n <NavPrimaryButton\n type=\"button\"\n onClick={() => {\n props.__engine.hacks.dirtyEval(props.primaryAction.onClick);\n }}\n >\n {props.primaryAction.label}\n </NavPrimaryButton>\n ) : null}\n </div>\n\n {dropdownItems && dropdownItems.length > 0 ? dropdownElement : null}\n </div>\n </div>\n);\n\nreturn (\n <div\n style={{\n width: '100vw',\n minHeight: '100%',\n backgroundColor: 'white',\n overflow: 'auto',\n }}\n >\n {navbar}\n\n <div\n className=\"row\"\n style={{\n marginTop: NAVBAR_HEIGHT,\n }}\n >\n <div className=\"col-12\">\n {props.__engine.renderComponent(\n props.component.name,\n props.component.props\n )}\n </div>\n </div>\n </div>\n);\n" } } } } }