\n
\n );\n receiveButton = (\n \n {selectedAddress} \n
\n \n *injected account*, private key unknown\n
\n );\n } else {\n const extraPkDisplayAdded = {};\n const extraPkDisplay = [];\n extraPkDisplayAdded[wallet.address] = true;\n extraPkDisplay.push(\n ,\n );\n for (const key in localStorage) {\n if (key.indexOf(\"metaPrivateKey_backup\") >= 0) {\n console.log(key);\n const pastpk = localStorage.getItem(key);\n const pastwallet = new ethers.Wallet(pastpk);\n if (!extraPkDisplayAdded[pastwallet.address] /* && selectedAddress!=pastwallet.address */) {\n extraPkDisplayAdded[pastwallet.address] = true;\n extraPkDisplay.push(\n ,\n );\n }\n }\n }\n\n display = (\n \n Private Key:\n\n
\n\n \n Point your camera phone at qr code to open in\n \n burner wallet\n \n :\n \n\n {\"https://xdai.io/\" + pk}\n \n\n {extraPkDisplay ? (\n
\n );\n }\n\n receiveButton = (\n \n {pk} \n
\n\n \n\n \n Point your camera phone at qr code to open in\n \n burner wallet\n \n :\n \n
\n {\n const currentPrivateKey = window.localStorage.getItem(\"metaPrivateKey\");\n if (currentPrivateKey) {\n window.localStorage.setItem(\"metaPrivateKey_backup\" + Date.now(), currentPrivateKey);\n }\n const randomWallet = ethers.Wallet.createRandom();\n const privateKey = randomWallet._signingKey().privateKey;\n window.localStorage.setItem(\"metaPrivateKey\", privateKey);\n window.location.reload();\n }}\n >\n Generate\n \n
\n ) : (\n \"\"\n )}\n Known Private Keys:
\n {extraPkDisplay}\n\n
\n );\n receiveButton = (\n \n
\n \n {\n setAmount(value);\n }}\n />\n
\n \n
\n \n }\n onOk={() => {\n setQr();\n setPK();\n setOpen(!open);\n }}\n onCancel={() => {\n setQr();\n setPK();\n setOpen(!open);\n }}\n footer={[\n privateKeyButton,\n receiveButton,\n \n {display}\n {modalButtons}\n
\n );\n}\n","import { Input } from \"antd\";\nimport React, { useEffect, useState } from \"react\";\n\nconst { utils, constants } = require(\"ethers\");\n\n/** \n ~ What it does? ~\n\n Displays input field with options to convert between STRING and BYTES32\n\n ~ How can I use? ~\n\n \n {\n const formUpdate = { ...form };\n formUpdate[event.target.name] = event.target.value;\n setForm(formUpdate);\n }}\n suffix={buttons}\n />\n
\n );\n });\n\n const txValueInput = (\n \n setTxValue(e.target.value)}\n value={txValue}\n addonAfter={\n \n {\n setTxValue(BigNumber.from(txValue).toHexString());\n }}\n >\n #οΈβ£\n
\n \n \n \n \n }\n />\n \n );\n\n if (functionInfo.payable) {\n inputs.push(txValueInput);\n }\n\n const handleForm = returned => {\n if (returned) {\n setForm({});\n }\n };\n\n const buttonIcon =\n functionInfo.type === \"call\" ? (\n \n ) : (\n \n );\n inputs.push(\n \n \n \n {\n const floatValue = parseFloat(txValue);\n if (floatValue) setTxValue(\"\" + floatValue * 10 ** 18);\n }}\n >\n β³οΈ\n
\n \n \n \n setReturnValue(e.target.value)}\n defaultValue=\"\"\n bordered={false}\n disabled\n value={returnValue}\n suffix={\n {\n const args = functionInfo.inputs.map((input, inputIndex) => {\n const key = getFunctionInputKey(functionInfo, input, inputIndex);\n let value = form[key];\n if (input.baseType === \"array\") {\n value = JSON.parse(value);\n } else if (input.type === \"bool\") {\n if (value === \"true\" || value === \"1\" || value === \"0x1\" || value === \"0x01\" || value === \"0x0001\") {\n value = 1;\n } else {\n value = 0;\n }\n }\n return value;\n });\n\n let result;\n if (functionInfo.stateMutability === \"view\" || functionInfo.stateMutability === \"pure\") {\n try {\n const returned = await contractFunction(...args);\n handleForm(returned);\n result = tryToDisplayAsText(returned);\n } catch (err) {\n console.error(err);\n }\n } else {\n const overrides = {};\n if (txValue) {\n overrides.value = txValue; // ethers.utils.parseEther()\n }\n if (gasPrice) {\n overrides.gasPrice = gasPrice;\n }\n // Uncomment this if you want to skip the gas estimation for each transaction\n // overrides.gasLimit = hexlify(1200000);\n\n // console.log(\"Running with extras\",extras)\n const returned = await tx(contractFunction(...args, overrides));\n handleForm(returned);\n result = tryToDisplay(returned);\n }\n\n console.log(\"SETTING RESULT:\", result);\n setReturnValue(result);\n triggerRefresh(true);\n }}\n >\n {buttonIcon}\n
\n }\n />\n ,\n );\n\n return (\n \n \n \n {functionInfo.name}\n \n
\n
\n );\n}\n","import { Button, Input, Tooltip } from \"antd\";\nimport React, { useState, useEffect } from \"react\";\nimport Blockies from \"react-blockies\";\nimport { SendOutlined } from \"@ant-design/icons\";\nimport { Transactor } from \"../helpers\";\nimport Wallet from \"./Wallet\";\n\nconst { utils } = require(\"ethers\");\n\n// improved a bit by converting address to ens if it exists\n// added option to directly input ens name\n// added placeholder option\n\n/**\n ~ What it does? ~\n\n Displays a local faucet to send ETH to given address, also wallet is provided\n\n ~ How can I use? ~\n\n \n
\n );\n}\n\n// Arbitrum Inbox https://rinkeby.etherscan.io/address/0xa157dc79ca26d69c3b1282d03ec42bdee2790a8f#code\nconst ArbitrumInboxABI = [\n {\n anonymous: false,\n inputs: [\n { indexed: true, internalType: \"uint256\", name: \"messageNum\", type: \"uint256\" },\n { indexed: false, internalType: \"bytes\", name: \"data\", type: \"bytes\" },\n ],\n name: \"InboxMessageDelivered\",\n type: \"event\",\n },\n {\n anonymous: false,\n inputs: [{ indexed: true, internalType: \"uint256\", name: \"messageNum\", type: \"uint256\" }],\n name: \"InboxMessageDeliveredFromOrigin\",\n type: \"event\",\n },\n {\n anonymous: false,\n inputs: [{ indexed: false, internalType: \"address\", name: \"newSource\", type: \"address\" }],\n name: \"WhitelistSourceUpdated\",\n type: \"event\",\n },\n {\n inputs: [],\n name: \"bridge\",\n outputs: [{ internalType: \"contract IBridge\", name: \"\", type: \"address\" }],\n stateMutability: \"view\",\n type: \"function\",\n },\n {\n inputs: [\n { internalType: \"address\", name: \"destAddr\", type: \"address\" },\n { internalType: \"uint256\", name: \"l2CallValue\", type: \"uint256\" },\n { internalType: \"uint256\", name: \"maxSubmissionCost\", type: \"uint256\" },\n { internalType: \"address\", name: \"excessFeeRefundAddress\", type: \"address\" },\n { internalType: \"address\", name: \"callValueRefundAddress\", type: \"address\" },\n { internalType: \"uint256\", name: \"maxGas\", type: \"uint256\" },\n { internalType: \"uint256\", name: \"gasPriceBid\", type: \"uint256\" },\n { internalType: \"bytes\", name: \"data\", type: \"bytes\" },\n ],\n name: \"createRetryableTicket\",\n outputs: [{ internalType: \"uint256\", name: \"\", type: \"uint256\" }],\n stateMutability: \"payable\",\n type: \"function\",\n },\n {\n inputs: [{ internalType: \"uint256\", name: \"maxSubmissionCost\", type: \"uint256\" }],\n name: \"depositEth\",\n outputs: [{ internalType: \"uint256\", name: \"\", type: \"uint256\" }],\n stateMutability: \"payable\",\n type: \"function\",\n },\n {\n inputs: [\n { internalType: \"contract IBridge\", name: \"_bridge\", type: \"address\" },\n { internalType: \"address\", name: \"_whitelist\", type: \"address\" },\n ],\n name: \"initialize\",\n outputs: [],\n stateMutability: \"nonpayable\",\n type: \"function\",\n },\n {\n inputs: [],\n name: \"isMaster\",\n outputs: [{ internalType: \"bool\", name: \"\", type: \"bool\" }],\n stateMutability: \"view\",\n type: \"function\",\n },\n {\n inputs: [\n { internalType: \"uint256\", name: \"maxGas\", type: \"uint256\" },\n { internalType: \"uint256\", name: \"gasPriceBid\", type: \"uint256\" },\n { internalType: \"address\", name: \"destAddr\", type: \"address\" },\n { internalType: \"uint256\", name: \"amount\", type: \"uint256\" },\n { internalType: \"bytes\", name: \"data\", type: \"bytes\" },\n ],\n name: \"sendContractTransaction\",\n outputs: [{ internalType: \"uint256\", name: \"\", type: \"uint256\" }],\n stateMutability: \"nonpayable\",\n type: \"function\",\n },\n {\n inputs: [\n { internalType: \"uint256\", name: \"maxGas\", type: \"uint256\" },\n { internalType: \"uint256\", name: \"gasPriceBid\", type: \"uint256\" },\n { internalType: \"address\", name: \"destAddr\", type: \"address\" },\n { internalType: \"bytes\", name: \"data\", type: \"bytes\" },\n ],\n name: \"sendL1FundedContractTransaction\",\n outputs: [{ internalType: \"uint256\", name: \"\", type: \"uint256\" }],\n stateMutability: \"payable\",\n type: \"function\",\n },\n {\n inputs: [\n { internalType: \"uint256\", name: \"maxGas\", type: \"uint256\" },\n { internalType: \"uint256\", name: \"gasPriceBid\", type: \"uint256\" },\n { internalType: \"uint256\", name: \"nonce\", type: \"uint256\" },\n { internalType: \"address\", name: \"destAddr\", type: \"address\" },\n { internalType: \"bytes\", name: \"data\", type: \"bytes\" },\n ],\n name: \"sendL1FundedUnsignedTransaction\",\n outputs: [{ internalType: \"uint256\", name: \"\", type: \"uint256\" }],\n stateMutability: \"payable\",\n type: \"function\",\n },\n {\n inputs: [{ internalType: \"bytes\", name: \"messageData\", type: \"bytes\" }],\n name: \"sendL2Message\",\n outputs: [{ internalType: \"uint256\", name: \"\", type: \"uint256\" }],\n stateMutability: \"nonpayable\",\n type: \"function\",\n },\n {\n inputs: [{ internalType: \"bytes\", name: \"messageData\", type: \"bytes\" }],\n name: \"sendL2MessageFromOrigin\",\n outputs: [{ internalType: \"uint256\", name: \"\", type: \"uint256\" }],\n stateMutability: \"nonpayable\",\n type: \"function\",\n },\n {\n inputs: [\n { internalType: \"uint256\", name: \"maxGas\", type: \"uint256\" },\n { internalType: \"uint256\", name: \"gasPriceBid\", type: \"uint256\" },\n { internalType: \"uint256\", name: \"nonce\", type: \"uint256\" },\n { internalType: \"address\", name: \"destAddr\", type: \"address\" },\n { internalType: \"uint256\", name: \"amount\", type: \"uint256\" },\n { internalType: \"bytes\", name: \"data\", type: \"bytes\" },\n ],\n name: \"sendUnsignedTransaction\",\n outputs: [{ internalType: \"uint256\", name: \"\", type: \"uint256\" }],\n stateMutability: \"nonpayable\",\n type: \"function\",\n },\n {\n inputs: [{ internalType: \"address\", name: \"newSource\", type: \"address\" }],\n name: \"updateWhitelistSource\",\n outputs: [],\n stateMutability: \"nonpayable\",\n type: \"function\",\n },\n {\n inputs: [],\n name: \"whitelist\",\n outputs: [{ internalType: \"address\", name: \"\", type: \"address\" }],\n stateMutability: \"view\",\n type: \"function\",\n },\n];\n\n// https://github.com/ethereum-optimism/optimism/blob/2bd49730fa8d2c10953873f0ccc792198a49d5c9/packages/contracts/contracts/optimistic-ethereum/iOVM/bridge/tokens/iOVM_L1StandardBridge.sol\nconst OVM_L1StandardBridgeABI = [\n \"function depositETH(uint32 _l2Gas,bytes calldata _data) external payable\",\n \"function depositETHTo(address _to,uint32 _l2Gas,bytes calldata _data) external payable\",\n \"function finalizeETHWithdrawal (address _from,address _to,uint _amount,bytes calldata _data) external\",\n];\n\nconst L1BridgeMetadata = {\n // Arbitrium Contract's\n 44010: {\n contracts: {\n Inbox: {\n address: \"0xA4d796Ad4e79aFB703340a596AEd88f8a5924183\",\n abi: ArbitrumInboxABI,\n },\n },\n },\n 4: {\n contracts: {\n Inbox: {\n address: \"0x578bade599406a8fe3d24fd7f7211c0911f5b29e\",\n abi: ArbitrumInboxABI,\n },\n },\n },\n // Optimism Contract's\n 31337: {\n contracts: {\n OVM_L1StandardBridge: {\n address: \"0x998abeb3E57409262aE5b751f60747921B33613E\",\n abi: OVM_L1StandardBridgeABI,\n },\n },\n },\n 42: {\n contracts: {\n OVM_L1StandardBridge: {\n address: \"0x22F24361D548e5FaAfb36d1437839f080363982B\",\n abi: OVM_L1StandardBridgeABI,\n },\n },\n },\n};\n","import { Alert, Button } from \"antd\";\nimport React from \"react\";\n\nimport { NETWORK } from \"../constants\";\n\nfunction NetworkDisplay({\n NETWORKCHECK,\n localChainId,\n selectedChainId,\n targetNetwork,\n USE_NETWORK_SELECTOR,\n logoutOfWeb3Modal,\n}) {\n let networkDisplay = \"\";\n if (NETWORKCHECK && localChainId && selectedChainId && localChainId !== selectedChainId) {\n const networkSelected = NETWORK(selectedChainId);\n const networkLocal = NETWORK(localChainId);\n if (selectedChainId === 1337 && localChainId === 31337) {\n networkDisplay = (\n \n {\n setRollup(e.target.value);\n }}\n style={{ marginBottom: 10 }}\n >\n Arbitrum \n Optimism \n \n\n
\n\n \n \n \n \n \n \n \n \n \n \n \n \n
\n Welcome to the L2 Deposit Bridge!
\n\n \n You have chain id 1337 for localhost and you need to change it to 31337 to work with\n HardHat.\n
\n }\n type=\"error\"\n closable={false}\n />\n \n );\n } else {\n networkDisplay = (\n (MetaMask -> Settings -> Networks -> Chain ID -> 31337)
\n \n \n You have {networkSelected && networkSelected.name} selected and you need to be on{\" \"}\n {\n const ethereum = window.ethereum;\n const data = [\n {\n chainId: \"0x\" + targetNetwork.chainId.toString(16),\n chainName: targetNetwork.name,\n nativeCurrency: targetNetwork.nativeCurrency,\n rpcUrls: [targetNetwork.rpcUrl],\n blockExplorerUrls: [targetNetwork.blockExplorer],\n },\n ];\n console.log(\"data\", data);\n\n let switchTx;\n // https://docs.metamask.io/guide/rpc-api.html#other-rpc-methods\n try {\n switchTx = await ethereum.request({\n method: \"wallet_switchEthereumChain\",\n params: [{ chainId: data[0].chainId }],\n });\n } catch (switchError) {\n // not checking specific error code, because maybe we're not using MetaMask\n try {\n switchTx = await ethereum.request({\n method: \"wallet_addEthereumChain\",\n params: data,\n });\n } catch (addError) {\n // handle \"add\" error\n }\n }\n\n if (switchTx) {\n console.log(switchTx);\n }\n }}\n >\n {networkLocal && networkLocal.name}\n \n
\n }\n type=\"error\"\n closable={false}\n />\n \n );\n }\n } else {\n networkDisplay = USE_NETWORK_SELECTOR ? null : (\n \n
\n );\n }\n\n console.log({ networkDisplay });\n\n return networkDisplay;\n}\n\nexport default NetworkDisplay;\n","import { Slider, InputNumber, Row, Col, Collapse } from \"antd\";\nimport {\n useBalance,\n useContractLoader,\n useContractReader,\n useGasPrice,\n useOnBlock,\n useUserProviderAndSigner,\n} from \"eth-hooks\";\nimport { useExchangeEthPrice } from \"eth-hooks/dapps/dex\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport { useLocation } from \"react-router-dom\";\nimport \"./App.css\";\nimport { Account, NetworkDisplay, NetworkSwitch} from \"./components\";\nimport { NETWORKS, ALCHEMY_KEY } from \"./constants\";\nimport externalContracts from \"./contracts/external_contracts\";\n// contracts\nimport deployedContracts from \"./contracts/hardhat_contracts.json\";\nimport { Transactor, Web3ModalSetup } from \"./helpers\";\nimport { useStaticJsonRPC } from \"./hooks\";\nimport BrokenSea from \"./contracts/BrokenSea.json\";\n\nconst { ethers } = require(\"ethers\");\n\nconst { Panel } = Collapse;\nconst initialNetwork = NETWORKS.rinkeby;\nconst DEBUG = false;\nconst NETWORKCHECK = true;\nconst USE_BURNER_WALLET = false;\nconst USE_NETWORK_SELECTOR = false;\nconst web3Modal = Web3ModalSetup();\nconst providers = [\n \"https://eth-mainnet.gateway.pokt.network/v1/lb/611156b4a585a20035148406\",\n `https://eth-mainnet.alchemyapi.io/v2/${ALCHEMY_KEY}`,\n \"https://rpc.scaffoldeth.io:48544\",\n];\n\nfunction callback(key) {\n console.log(key);\n}\n\nfunction App(props) {\n const networkOptions = [initialNetwork.name, \"mainnet\", \"rinkeby\"];\n\n const [mintAmount, setMintAmount] = useState(1);\n const [totalMinted, setTotalMinted] = useState(0);\n const [loading, setLoading] = useState(true);\n const [injectedProvider, setInjectedProvider] = useState();\n const [address, setAddress] = useState();\n const [selectedNetwork, setSelectedNetwork] = useState(networkOptions[0]);\n const location = useLocation();\n\n const targetNetwork = NETWORKS[selectedNetwork];\n const blockExplorer = targetNetwork.blockExplorer;\n\n // load all your providers\n const localProvider = useStaticJsonRPC([\n process.env.REACT_APP_PROVIDER ? process.env.REACT_APP_PROVIDER : targetNetwork.rpcUrl,\n ]);\n const mainnetProvider = useStaticJsonRPC(providers);\n\n if (DEBUG) console.log(`Using ${selectedNetwork} network`);\n\n // π° providers\n if (DEBUG) console.log(\"π‘ Connecting to Mainnet Ethereum\");\n\n const logoutOfWeb3Modal = async () => {\n await web3Modal.clearCachedProvider();\n if (injectedProvider && injectedProvider.provider && typeof injectedProvider.provider.disconnect == \"function\") {\n await injectedProvider.provider.disconnect();\n }\n setTimeout(() => {\n window.location.reload();\n }, 1);\n };\n\n /* π΅ This hook will get the price of ETH from π¦ Uniswap: */\n const price = useExchangeEthPrice(targetNetwork, mainnetProvider);\n const gasPrice = useGasPrice(targetNetwork, \"fast\");\n\n const userProviderAndSigner = useUserProviderAndSigner(injectedProvider, localProvider, USE_BURNER_WALLET);\n const userSigner = userProviderAndSigner.signer;\n\n useEffect(() => {\n async function getAddress() {\n if (userSigner) {\n const newAddress = await userSigner.getAddress();\n setAddress(newAddress);\n }\n }\n getAddress();\n }, [userSigner]);\n\n // You can warn the user if you would like them to be on a specific network\n const localChainId = localProvider && localProvider._network && localProvider._network.chainId;\n const selectedChainId =\n userSigner && userSigner.provider && userSigner.provider._network && userSigner.provider._network.chainId;\n\n // The transactor wraps transactions and provides notificiations\n const tx = Transactor(userSigner, gasPrice);\n const yourLocalBalance = useBalance(mainnetContracts, address);\n const yourMainnetBalance = useBalance(mainnetProvider, address);\n\n const contractConfig = { deployedContracts: deployedContracts || {}, externalContracts: externalContracts || {} };\n const readContracts = useContractLoader(localProvider, contractConfig);\n const writeContracts = useContractLoader(userSigner, contractConfig, localChainId);\n\n const mainnetContracts = useContractLoader(mainnetProvider, contractConfig);\n\n // If you want to call a function on a new block\n useOnBlock(mainnetProvider, () => {\n console.log(`β A new mainnet block is here: ${mainnetProvider._lastBlockNumber}`);\n });\n\n const purpose = useContractReader(readContracts, \"YourContract\", \"purpose\");\n\n //\n // 𧫠DEBUG π¨π»βπ¬\n //\n useEffect(() => {\n if (\n DEBUG &&\n mainnetProvider &&\n address &&\n selectedChainId &&\n yourLocalBalance &&\n yourMainnetBalance &&\n readContracts &&\n writeContracts &&\n mainnetContracts\n ) {\n console.log(\"_____________________________________ π scaffold-eth _____________________________________\");\n console.log(\"π mainnetProvider\", mainnetProvider);\n console.log(\"π localChainId\", localChainId);\n console.log(\"π©βπΌ selected address:\", address);\n console.log(\"π΅π»ββοΈ selectedChainId:\", selectedChainId);\n console.log(\"π΅ yourLocalBalance\", yourLocalBalance ? ethers.utils.formatEther(yourLocalBalance) : \"...\");\n console.log(\"π΅ yourMainnetBalance\", yourMainnetBalance ? ethers.utils.formatEther(yourMainnetBalance) : \"...\");\n console.log(\"π readContracts\", readContracts);\n console.log(\"π DAI contract on mainnet:\", mainnetContracts);\n console.log(\"π writeContracts\", writeContracts);\n }\n }, [\n mainnetProvider,\n address,\n selectedChainId,\n yourLocalBalance,\n yourMainnetBalance,\n readContracts,\n writeContracts,\n mainnetContracts,\n localChainId,\n ]);\n\n const loadWeb3Modal = useCallback(async () => {\n const provider = await web3Modal.connect();\n setInjectedProvider(new ethers.providers.Web3Provider(provider));\n\n provider.on(\"chainChanged\", chainId => {\n console.log(`chain changed to ${chainId}! updating providers`);\n setInjectedProvider(new ethers.providers.Web3Provider(provider));\n });\n\n provider.on(\"accountsChanged\", () => {\n console.log(`account changed!`);\n setInjectedProvider(new ethers.providers.Web3Provider(provider));\n });\n\n // Subscribe to session disconnection\n provider.on(\"disconnect\", (code, reason) => {\n console.log(code, reason);\n logoutOfWeb3Modal();\n });\n // eslint-disable-next-line\n }, [setInjectedProvider]);\n const CONTRACT_ADDRESS = \"0xb46Be0FA02Dc6e79b5dBadDDde2F2d0a64da73c4\";\n const ethValue = (mintAmount * 0.0169).toFixed(4);\n\n const decrementMintAmount = () => {\n let newMintAmount = mintAmount - 1;\n if (newMintAmount < 1) {\n newMintAmount = 1;\n }\n setMintAmount(newMintAmount);\n };\n\n const incrementMintAmount = () => {\n let newMintAmount = mintAmount + 1;\n if (newMintAmount > 100) {\n newMintAmount = 100;\n }\n setMintAmount(newMintAmount);\n };\n\n const HandleMint = async event => {\n try {\n const contract = new ethers.Contract(CONTRACT_ADDRESS, BrokenSea.abi, injectedProvider);\n const signer = injectedProvider.getSigner(0);\n const contractSigner = contract.connect(signer);\n\n const ethValueString = ethValue.toString();\n console.log(ethValue.toString());\n\n const txParamsOverride = {\n value: ethers.utils.parseEther(ethValueString),\n };\n\n const tx = await contractSigner.crashShip(mintAmount, txParamsOverride);\n await tx.wait();\n } catch (error) {\n alert(error.error.message);\n console.error(error);\n }\n };\n\n async function getTotalSupply() {\n try {\n const contract = new ethers.Contract(CONTRACT_ADDRESS, BrokenSea.abi, injectedProvider);\n const data = await contract.totalSupply();\n\n setTotalMinted(data.toNumber());\n } catch (error) {\n console.error(error);\n }\n }\n\n useEffect(function () {\n async function fetchTotals() {\n if (!ethers) {\n console.log(\"Install MetaMask\");\n setLoading(false);\n return;\n }\n\n await getTotalSupply();\n setLoading(false);\n }\n fetchTotals();\n });\n\n useEffect(() => {\n if (web3Modal.cachedProvider) {\n loadWeb3Modal();\n }\n }, [loadWeb3Modal]);\n\n return (\n \n \n \n \n
\n );\n}\n\nexport default App;\n","import { ApolloClient, ApolloProvider, InMemoryCache } from \"@apollo/client\";\nimport React from \"react\";\nimport { ThemeSwitcherProvider } from \"react-css-theme-switcher\";\nimport { BrowserRouter } from \"react-router-dom\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./App\";\nimport \"./index.css\";\n\nconst themes = {\n dark: `${process.env.PUBLIC_URL}/dark-theme.css`,\n light: `${process.env.PUBLIC_URL}/light-theme.css`,\n};\n\nconst prevTheme = window.localStorage.getItem(\"theme\");\n\nconst subgraphUri = \"http://localhost:8000/subgraphs/name/scaffold-eth/your-contract\";\n\nconst client = new ApolloClient({\n uri: subgraphUri,\n cache: new InMemoryCache(),\n});\n\nReactDOM.render(\n Broken Sea
\n \n\n {USE_NETWORK_SELECTOR && (\n
\n \n
\n )}\n \n
\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n\n {/* Welcome To Broken Sea
\nFind your wrecked Ship!
\nCost to Mint: Ξ{ethValue}
\n\n
\n \n\n {mintAmount}
\nWrecks left to find: {totalMinted} / 404
\nAbsolute Wrecks
\nIt Sunk
\nWe Like The Wreck
\n