Transaction: ENQfCY6...3tRL

{ "data": { "bos.dapplets.near": { "widget": { "Onboarding.Main": { "": "const lastShowTime = Storage.privateGet('lastShowTime')\nconsole.log('lastShowTime', lastShowTime)\nconst [show, setShow] = useState(false)\nconst [start, setStart] = useState(false)\n\nuseEffect(() => {\n console.log('start', start)\n if (!start) return\n const elapsed = Date.now() - (lastShowTime ?? 0)\n console.log('elapsed', elapsed)\n setShow(elapsed > 1000 * 60 * 1 * 1)\n}, [start])\n\nsetTimeout(() => setStart(true), 3000)\n\nconst OverlayTriggerWrapper = styled.div`\n display: flex;\n z-index: 500;\n\n .OverlayTrigger {\n position: absolute;\n background: #db504a;\n border: 1px solid #db504a;\n width: 6px;\n height: 49px;\n right: -6px;\n top: 10px;\n border-radius: 0px 4px 4px 0px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n z-index: 79;\n }\n`\n\nconst Onboarding = styled.div`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n animation: falling-animation 0.3s linear forwards;\n\n @keyframes falling-animation {\n from {\n transform: translate(-50%, -200%);\n }\n\n to {\n transform: translate(-50%, -50%);\n }\n }\n`;\n\n// const handleOpen = () => {\n// setShow(true)\n// }\n\nconst handleClose = (doNotShowAgain) => {\n console.log('doNotShowAgain', doNotShowAgain)\n if (doNotShowAgain) {\n Storage.privateSet('lastShowTime', 30000000000000)\n } else {\n Storage.privateSet('lastShowTime', Date.now())\n }\n setShow(false)\n}\n\nreturn (\n <OverlayTriggerWrapper>\n {show ? (\n <DappletOverlay>\n <Onboarding>\n <Widget\n props={{ handleClose: handleClose }}\n src=\"bos.dapplets.near/widget/Onboarding.SandboxOnboarding\"\n />\n </Onboarding>\n </DappletOverlay>\n ) : null}\n </OverlayTriggerWrapper>\n)" } } } } }