{
"data": {
"514901813a913f6ff8cf9618f561439debae1743abf0abca73394e8dea42d695": {
"widget": {
"FomoFinanceLandingContainer": {
"": "/**\n * Testable container for the landing page\n\n */\n\nState.update({ ...props });\n\nconst Theme = styled.div`\n.error-text {\n color: red\n}\n .col {\n display: flex;\n > div {\n padding: 10px;\n margin: 32px 0;\n margin-right: 32px;\n width: 100%;\n border: 2px solid;\n border-color: #eb3d51;\n }\n > div:last-of-type {\n margin-right: 0;\n }\n }\n .btn {\n margin-bottom: 16px !important;\n }\n`;\n\nconst renderBuy = (handleBuy) => {\n return (\n <Widget\n src=\"514901813a913f6ff8cf9618f561439debae1743abf0abca73394e8dea42d695/widget/BuyBox\"\n props={{\n handleBuy,\n }}\n />\n );\n};\n\nconst renderSell = (handleSell) => {\n return (\n <Widget\n src=\"514901813a913f6ff8cf9618f561439debae1743abf0abca73394e8dea42d695/widget/SellBox\"\n props={{\n handleSell,\n }}\n />\n );\n};\n\nconst renderApprove = (handleApprove) => {\n return <button onClick={handleApprove}>Approve</button>;\n};\n\nconst {\n statusText,\n isBuyVisible,\n isSellVisible,\n handleBuy,\n handleSell,\n handleChangeApiKey,\n cmcApiKey,\n isApproveVisible,\n handleApprove,\n errorText,\n} = props;\nreturn (\n <Theme>\n <h1>Fomo Finance</h1>\n <h5>{statusText}</h5>\n <h5 class=\"error-text\">{errorText && `Ah, Shit! ${errorText}`}</h5>\n\n <hr />\n {isConnected && <p>Waiting for wallet to connect</p>}\n\n <div>\n <label>API Key</label>\n <input\n value={props.cmcApiKey}\n id=\"cmcApiKey\"\n placeholder=\"XXXXX-XXXXX-XXXXX-XXXXX\"\n type=\"password\"\n onChange={handleChangeApiKey}\n />\n </div>\n <Widget\n src=\"514901813a913f6ff8cf9618f561439debae1743abf0abca73394e8dea42d695/widget/SwapBox\"\n props={{\n isApproveVisible,\n isTitleVisible: false,\n isBuyVisible: !isHodling,\n isSellVisible: isHodling,\n isConnected,\n onPressBuy: handleBuy,\n onPressSell: handleSell,\n onPressApprove: handleApprove,\n isHodling: isSellVisible,\n sender: \"TODO\",\n balance: \"TODO\",\n }}\n />\n </Theme>\n);\n"
}
}
}
}
}