{children}
\n {children}
\n \n {connector !== injected && connector !== walletlink && (\n {\n ;(connector as any).close()\n }}\n >\n Disconnect\n \n )}\n {\n openOptions()\n }}\n >\n Change\n \n
\n \n {getStatusIcon()}\n
\n \n ) : (\n <>\n {ENSName}
\n\n {getStatusIcon()}\n
\n \n )}\n {account && shortenAddress(account)}
\n\n {account && (\n \n Copy Address\n \n )}\n {chainId && account && (\n \n
\n \n {account && (\n \n Copy Address\n \n )}\n {chainId && account && (\n \n
\n Error connecting.
\n Please connect to the appropriate network.
\n ) : (\n 'Error connecting. Try refreshing the page.'\n )}\n\n // {error instanceof UnsupportedChainIdError && ethereum && ethereum.isMetaMask && (\n // \n // {t('Switch to Matic')} \n // \n // )}\n //
\n // )\n // }\n\n // else {\n // return (\n // \n setBuyCryptoActive(!buyCryptoActive)}\n style={{ whiteSpace: 'nowrap', cursor: 'pointer' }}\n >\n Buy Crypto\n \n {buyCryptoActive && (\n \n \n Buy using MoonPay\n \n \n Buy using Ramp\n \n \n )}\n
*/}\n\n \n \n {eachNetwork.title}\n \n
\n \n
\n app.Moxie.com\n \n
\n app.Moxie.com - bookmark it\n to be safe.\n \n \n An update is available for the token list "{oldList.name}" (\n {listVersionLabel(oldList.version)} to {listVersionLabel(newList.version)}).\n \n
\n - \n {tokensAdded.length > 0 ? (\n
- \n {tokensAdded.map((token, i) => (\n
\n {token.symbol}\n {i === tokensAdded.length - 1 ? null : ', '}\n \n ))}{' '}\n added\n \n ) : null}\n {tokensRemoved.length > 0 ? (\n - \n {tokensRemoved.map((token, i) => (\n
\n {token.symbol}\n {i === tokensRemoved.length - 1 ? null : ', '}\n \n ))}{' '}\n removed\n \n ) : null}\n {numTokensChanged > 0 ? - {numTokensChanged} tokens updated : null}\n
\n Accept update \n
\n \n Dismiss \n
\n \n {success ?
\n \n {children}\n
\n \n \n {({ height }) => (\n \n
\n\n {list && listVersionLabel(list.version)}
\n \n
\n \n Browse lists \n
\n {error}
\n\n {/* {message} */}\n \n {Number.isFinite(timeRemaining) && (\n \n
\n )\n}\n","// @ts-nocheck\nimport { ethers } from 'ethers'\n\nexport const approve = async (lpContract, masterChefContract, account) => {\n return lpContract.approve(masterChefContract.address, ethers.constants.MaxUint256)\n}\n","// @ts-nocheck\nimport { useCallback } from 'react'\nimport { useWeb3React } from '@web3-react/core'\nimport { Contract } from 'web3-eth-contract'\nimport { useDispatch } from 'react-redux'\nimport { updateUserAllowance } from 'state/farms'\nimport { approve } from 'utils/callHelpers'\nimport {\n useSousChef,\n useVault\n // useSousChefGasless,\n} from './useContract'\n\n// Approve a Farm\n\n// /* // Approve a Pool\nexport const useSousApprove = (lpContract: Contract, sousId) => {\n const dispatch = useDispatch()\n const { account } = useWeb3React()\n const sousChefContract = useSousChef(sousId)\n const handleApprove = useCallback(async () => {\n try {\n const tx = await approve(lpContract, sousChefContract, account)\n dispatch(updateUserAllowance(sousId, account))\n return tx\n } catch (e) {\n //console.log('error', e)\n return false\n }\n }, [account, dispatch, lpContract, sousChefContract, sousId])\n\n return { onApprove: handleApprove }\n}\n\nexport const useVaultApprove = (lpContract: Contract, sousId) => {\n const dispatch = useDispatch()\n const { account } = useWeb3React()\n const sousChefContract = useVault(sousId)\n const handleApprove = useCallback(async () => {\n try {\n const tx = await approve(lpContract, sousChefContract, account)\n dispatch(updateUserAllowance(sousId, account))\n return tx\n } catch (e) {\n //console.log('error', e)\n return false\n }\n }, [account, dispatch, lpContract, sousChefContract, sousId])\n\n return { onApprove: handleApprove }\n}\n","import React from 'react'\nimport styled from 'styled-components'\nimport { RowBetween } from '../Row'\nimport { AutoColumn } from '../Column'\nimport { transparentize } from 'polished'\n\nconst Wrapper = styled(AutoColumn)``\n\nconst Grouping = styled(RowBetween)`\n width: 50%;\n`\n\nconst Circle = styled.div<{ confirmed?: boolean; disabled?: boolean }>`\n min-width: 20px;\n min-height: 20px;\n background-color: ${({ theme, confirmed, disabled }) =>\n disabled ? theme.bg4 : confirmed ? theme.green1 : theme.primary1};\n border-radius: 50%;\n color: ${({ theme }) => theme.white};\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 8px;\n font-size: 12px;\n`\n\nconst CircleRow = styled.div`\n width: calc(100% - 20px);\n display: flex;\n align-items: center;\n`\n\nconst Connector = styled.div<{ prevConfirmed?: boolean; disabled?: boolean }>`\n width: 100%;\n height: 2px;\n background-color: ;\n background: linear-gradient(\n 90deg,\n ${({ theme, prevConfirmed, disabled }) =>\n disabled ? theme.bg4 : transparentize(0.5, prevConfirmed ? theme.green1 : theme.primary1)}\n 0%,\n ${({ theme, prevConfirmed, disabled }) => (disabled ? theme.bg4 : prevConfirmed ? theme.primary1 : theme.bg4)} 80%\n );\n opacity: 0.6;\n`\n\ninterface ProgressCirclesProps {\n steps: boolean[]\n disabled?: boolean\n}\n\n/**\n * Based on array of steps, create a step counter of circles.\n * A circle can be enabled, disabled, or confirmed. States are derived\n * from previous step.\n *\n * An extra circle is added to represent the ability to swap, add, or remove.\n * This step will never be marked as complete (because no 'txn done' state in body ui).\n *\n * @param steps array of booleans where true means step is complete\n */\nexport default function ProgressCircles({ steps, disabled = false, ...rest }: ProgressCirclesProps) {\n return (\n \n {`${days}:${hours.toString().padStart(2, '0')}:${minutes\n .toString()\n .padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`}\n \n )}\n \n Weekly Rewards \n
\n\n \n Weekly Rewards \n
\n\n \n
\n ) : (\n \n
\n )}\n \n \n 
\n Verified\n
\n \n \n Deposit Fee: \n {depositFee / 100} % \n \n
\n )}\n\n \n \n APR \n \n Up to \n {isVault\n ? `${apy.toFixed(3)} %`\n : isTokenOnly\n ? `395`\n : parseFloat(apy?.toString()) > 0 && `${parseFloat(apy?.toString())?.toFixed(2)} %`}\n \n \n
\n \n \n \n Claim\n \n )}\n \n
\n \n Your Rewards \n \n {parseFloat(earnedAmount).toFixed(2)} MOXIE\n \n
\n {!isVault && (\n \n \n Your Deposits \n \n {parseFloat(stakedAmount).toFixed(3)}\n {isVault ? ` ${pool.stakingTokenName}` : ` ${pool.tokenName}`}\n \n \n
\n \n \n {isVault ? ` ${pool.stakingTokenName}` : ` ${pool.tokenName}`} Balance \n \n {pool.userData?.stakingTokenBalance\n ? new BigNumber(pool.userData?.stakingTokenBalance.toString())\n .dividedBy(10 ** parseFloat(pool.tokenDecimals))\n .toFixed(3)\n : '0'}\n \n \n
\n {isVault && vaultTotalDeposited && vaultPoolSize && (\n \n \n {/* {isVault ? ` ${pool.stakingTokenName}` : ` ${pool.tokenName}`} Balance \n \n {pool.userData?.stakingTokenBalance\n ? new BigNumber(pool.userData?.stakingTokenBalance.toString())\n .dividedBy(10 ** parseFloat(pool.tokenDecimals))\n .toFixed(3)\n : '0'}\n */}\n \n
\n )}\n\n \n \n {pool.userData ? (\n \n Deposit\n \n ) : (\n \n Deposit\n \n )}\n {pool.userData && isVault && (\n \n Withdraw\n \n )}\n {isVault === false && (\n \n Withdraw\n \n )}\n \n
\n \n\n
\n {isVault ? (\n \n TVL \n {isVault ? (\n \n {vaultTotalDeposited\n ? `$${new BigNumber(vaultTotalDeposited).multipliedBy(moxiePrice).toFixed(3)} `\n : '$0 '}\n \n ) : (\n \n ${isTokenOnly ? `5672` : totalValue ? totalValue.toNumber().toFixed(2) : 0}\n \n )}\n \n
\n ) : null}\n \n {pool.userData &&\n pool.userData.unlockTime &&\n parseFloat(pool.userData.unlockTime) > Math.floor(Date.now() / 1000) ? (\n \n Maturity In \n \n \n \n ) : (\n <>\n )}\n {pool.lockupPeriod && (\n \n Lockup Period \n {pool.lockupPeriod} days \n \n )}\n
\n ) : (\n \n \n {stakingTokenName} Pool rate \n {`${rewardPerDay} ${stakingTokenName} / day`} \n \n
\n )}\n\n \n \n Total Value Locked\n \n \n {/* \n TVL\n */}\n \n $ \n \n {/* setShowMore(!showMore)}\n >\n {showMore ? 'Hide' : 'Details'} \n {showMore ? : }\n */}\n
\n \n {/*
\n {location.pathname === '/moxie' ? (\n MOXIE Stats
*/}\n\n \n
\n \n 
\n
\n \n \n Total Minted\n \n \n \n
\n \n
\n \n 
\n
\n \n \n Total Burned\n \n \n {/* \n
\n \n
\n \n 
\n
\n \n \n Circulating Supply\n \n \n {/* \n
\n \n
\n \n 
\n
\n \n \n Market Cap\n \n \n ${' '}\n \n
\n \n {/*
\n \n 
\n
*/}\n \n \n New MOXIE/block\n \n \n {MoxieStats.MoxiePerBlock} {/* \n
\n \n \n \n \n \n \n Farming Pools \n \n \n \n Deposit your Liquidity Provider tokens to receive REWARDS, the Moxie protocol governance token.\n \n \n \n {/* Read more about CHILLI */}\n \n \n \n \n \n {/* \n \n Participating pools \n \n */}\n
\n ) : (\n \n \n \n \n \n \n Single Asset Vaults \n \n \n \n Lock MOXIE token for a period of time and earn a fixed number of MOXIE tokens.\n \n {' '}\n \n {/* Read more about CHILLI */}\n \n \n \n \n \n {/* \n \n Participating Vaults \n \n */}\n
\n )}\n \n Weekly Rewards \n
\n\n \n Your Unclaimed Chilli \n
\n {stakingInfo?.earnedAmount && JSBI.notEqual(BIG_INT_ZERO, stakingInfo?.earnedAmount?.raw) && (\n \n
\n ) : (\n \n
\n )}\n\n {/* {poolInfo.stakingTokenName !== \"WORLDOFDEFI\" ? (\n \n
\n ) : (\n \n
\n )} */}\n \n {/*
\n \n Vesting Mode\n
*/}\n \n Your Unclaimed Moxie \n
\n {poolInfo &&\n poolInfo?.userData &&\n poolInfo?.userData?.earnedInfo &&\n parseFloat(poolInfo?.userData.earnedInfo.toString()) >= 0 && (\n \n Your Unclaimed {poolInfo.quoteTokenSymbol} \n
\n {/* // fix sanchit */}\n {/* {parseFloat(earnedAmount) > 0 && (\n Loading...
\n}\n","import React from 'react'\nimport { AutoColumn } from '../../components/Column'\nimport { TYPE } from '../../theme'\n\nexport function EmptyState({ message }: { message: string }) {\n return (\n \n
\n \n \n { \n
\n \n \n \n {approval === ApprovalState.PENDING ? (\n Approving \n ) : approval === ApprovalState.APPROVED ? (\n 'Approved'\n ) : (\n 'Approve'\n )}\n \n \n \n \n {isSuccessfullyMigrated ? 'Success' : isMigrationPending ? Migrating : 'Migrate'}\n \n \n
\n \n
\n \n \n {isSuccessfullyRemoved ? 'Success' : isRemovalPending ? Removing : 'Remove'}\n \n
\n \n
\n \n \n Price:\n \n \n \n \n
\n )}\n \n 1 {symbolA} = {tokenA ? pair.priceOf(tokenA).toSignificant(6) : '-'} {symbolB}\n
\n \n 1 {symbolB} = {tokenB ? pair.priceOf(tokenB).toSignificant(6) : '-'} {symbolA}\n
\n \n {!account ? (\n Connect Wallet \n ) : (\n \n \n {approval === ApprovalState.PENDING ? (\n Approving \n ) : approval === ApprovalState.APPROVED || signatureData !== null ? (\n 'Approved'\n ) : (\n 'Approve'\n )}\n \n {\n setShowConfirm(true)\n }}\n disabled={!isValid || (signatureData === null && approval !== ApprovalState.APPROVED)}\n error={!isValid && !!parsedAmounts[Field.CURRENCY_A] && !!parsedAmounts[Field.CURRENCY_B]}\n >\n \n {error || 'Remove'}\n \n \n \n )}\n
\n \n Streamline Your Crypto Trading with Our Swap Service\n
\n\n Swap Your Crypto with Confidence on Our Secure Platform\n
\n {/*Swap
\n \n
\n \n