Transaction: AAcmBHj...S41H

{ "data": { "514901813a913f6ff8cf9618f561439debae1743abf0abca73394e8dea42d695": { "widget": { "SwapBox": { "": "// FETCH LIDO ABI\n\n/**\n * sender\n * balance\n * isConnected\n * isApproveVisible\n * onPressBuy\n * onPressSell\n * onPressApprove\n * isHodling\n */\n\nconst {\n isTitleVisible,\n isBuyVisible,\n isSellVisible,\n isConnected,\n isApproveVisible,\n onPressBuy,\n onPressSell,\n onPressApprove,\n sender,\n balance,\n} = props;\n\n// FETCH CSS\n\nconst cssFont = fetch(\n \"https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800\"\n).body;\nconst css = fetch(\n \"https://pluminite.mypinata.cloud/ipfs/Qmboz8aoSvVXLeP5pZbRtNKtDD3kX5D9DEnfMn2ZGSJWtP\"\n).body;\n\nif (!cssFont || !css) return \"\";\n\nif (!state.theme) {\n State.update({\n theme: styled.div`\n font-family: Manrope, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n ${cssFont}\n ${css}\n`,\n });\n}\nconst Theme = state.theme;\n\n// OUTPUT UI\n\nreturn (\n <Theme>\n <div class=\"LidoContainer\">\n {isTitleVisible && (\n <>\n <div class=\"Header\">Trade Shitcoins</div>\n <div class=\"SubHeader\">Stake ETH and receive nothing useful.</div>\n </>\n )}\n <div class=\"LidoForm\">\n {sender && (\n <>\n <div class=\"LidoFormTopContainer\">\n <div class=\"LidoFormTopContainerLeft\">\n <div class=\"LidoFormTopContainerLeftContent1\">\n <div class=\"LidoFormTopContainerLeftContent1Container\">\n <span>Available to swap</span>\n <div class=\"LidoFormTopContainerLeftContent1Circle\" />\n </div>\n </div>\n <div class=\"LidoFormTopContainerLeftContent2\">\n <span>{balance ?? (!sender ? \"0\" : \"...\")}&nbsp;ETH</span>\n </div>\n </div>\n <div class=\"LidoFormTopContainerRight\">\n <div class=\"LidoFormTopContainerRightContent1\">\n <div class=\"LidoFormTopContainerRightContent1Text\">\n <span>{sender}</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"LidoSplitter\" />\n </>\n )}\n <div\n class={\n state.sender ? \"LidoFormBottomContainer\" : \"LidoFormTopContainer\"\n }\n >\n <div class=\"LidoFormTopContainerLeft\">\n <div class=\"LidoFormTopContainerLeftContent1\">\n <div class=\"LidoFormTopContainerLeftContent1Container\">\n <span>Potential Earnings</span>\n </div>\n </div>\n <div class=\"LidoFormTopContainerLeftContent2\">\n <div class=\"LidoAprValue\">{\"Over 9000\"}%</div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"LidoStakeForm\">\n {isBuyVisible && (\n <div class=\"LidoStakeFormInputContainer\">\n <span class=\"LidoStakeFormInputContainerSpan1\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"currentColor\"\n >\n <path\n opacity=\"0.6\"\n d=\"M11.999 3.75v6.098l5.248 2.303-5.248-8.401z\"\n ></path>\n <path d=\"M11.999 3.75L6.75 12.151l5.249-2.303V3.75z\"></path>\n <path\n opacity=\"0.6\"\n d=\"M11.999 16.103v4.143l5.251-7.135L12 16.103z\"\n ></path>\n <path d=\"M11.999 20.246v-4.144L6.75 13.111l5.249 7.135z\"></path>\n <path\n opacity=\"0.2\"\n d=\"M11.999 15.144l5.248-2.993-5.248-2.301v5.294z\"\n ></path>\n <path\n opacity=\"0.6\"\n d=\"M6.75 12.151l5.249 2.993V9.85l-5.249 2.3z\"\n ></path>\n </svg>\n </span>\n\n <span class=\"LidoStakeFormInputContainerSpan2\">\n <input\n type={\"number\"}\n class=\"LidoStakeFormInputContainerSpan2Input\"\n value={state.strEther}\n onChange={(e) => State.update({ strEther: e.target.value })}\n placeholder=\"Amount\"\n />\n </span>\n </div>\n )}\n {!isConnected && (\n <Web3Connect\n className=\"LidoStakeFormSubmitContainer\"\n connectLabel=\"Connect Wallet\"\n />\n )}\n {isApproveVisible && (\n <button\n class=\"LidoStakeFormSubmitContainer\"\n onClick={() => submitEthers(state.strEther, state.sender)}\n >\n <span>Approve Shitcoin</span>\n </button>\n )}\n\n {isBuyVisible && (\n <button\n class=\"LidoStakeFormSubmitContainer\"\n onClick={() => submitEthers(state.strEther, state.sender)}\n >\n <span>Buy</span>\n </button>\n )}\n\n {isSellVisible && (\n <button\n class=\"LidoStakeFormSubmitContainer\"\n onClick={() => submitEthers(state.strEther, state.sender)}\n >\n <span>Dump</span>\n </button>\n )}\n\n <div class=\"LidoFooterContainer\">\n {state.sender && (\n <div class=\"LidoFooterRaw\">\n <div class=\"LidoFooterRawLeft\">You will receive</div>\n <div class=\"LidoFooterRawRight\">${state.strEther ?? 0} stETH</div>\n </div>\n )}\n <div class=\"LidoFooterRaw\">\n <div class=\"LidoFooterRawLeft\">Exchange rate</div>\n <div class=\"LidoFooterRawRight\">1 ETH = 1 moon</div>\n </div>\n <div class=\"LidoFooterRaw\">\n <div class=\"LidoFooterRawLeft\">Reward fee</div>\n <div class=\"LidoFooterRawRight\">maybe gf</div>\n </div>\n </div>\n </div>\n </div>\n </Theme>\n);\n" } } } } }