{"version":3,"sources":["components/context/userContext.js","components/TokenChangeModal.js","components/Navbar.js","components/Config.js","components/CurrencyField.js","components/Body.js","components/context/userState.js","App.js","index.js"],"names":["userContext","createContext","TokenChangeModal","context","useContext","mode","wethContract","uniContract","daiContract","linkContract","setInputToken","setInputContract","setOutPutToken","setOutputContract","setInputTokenName","setOutputTokenName","WETH","UNI","LINK","DAI","setTokenModalStatus","tokenModalStatus","onClickTokenChanger","value","className","style","display","onClick","src","alt","srcset","height","width","borderRadius","Navbar","onClickConnector","disconnectWallet","account","expProvider","useState","userBalance","setUserBalance","displayAddress","substring","useEffect","gettingIt","acc","getBalance","bal","String","position","left","top","Config","props","onClose","e","stopPropagation","placeholder","slippageAmount","onChange","setSlippageAmount","target","deadlineMinutes","setDeadlineMinutes","CurrencyField","connected","setMode","balance","setBalance","contract","balanceOf","loading","spinner","type","onBlur","field","getSwapPrice","toString","tokenName","slice","Body","signer","inputTokenName","outputTokenName","inputContract","outputContract","ratio","setRatio","getPrice","runSwap","undefined","showModal","setShowModal","inputAmount","setInputAmount","outputAmount","setOutputAmount","transaction","setTransaction","setLoading","Math","floor","Date","now","then","res","BeatLoader","disabled","UserState","provider","ethersProvider","signerInstance","setSignerInstance","router","setRouter","setexpProvider","setAccount","web3Modal","setWeb3Modal","setConnected","setWethContract","setUniContract","setLinkContract","setDaiContract","quoterContract","setQuoterContract","inputToken","outputToken","userETHbalance","V3_SWAP_ROUTER_ADDRESS","Token","providerOptions","binancechainwallet","package","walletconnect","WalletConnectProvider","options","infuraId","walletlink","WalletLink","appName","rpc","chainId","appLogoUrl","darkMode","newWeb3Modal","Web3Modal","cacheProvider","network","theme","background","main","secondary","hover","cachedProvider","connect","addListeners","providers","Web3Provider","routerInstance","AlphaRouter","getSigner","getAddress","wethContractInstance","ethers","Contract","abi","uniContractInstance","linkContractInstance","daiContractInstance","quoterContractInstance","QuoterABI","clearCachedProvider","localStorage","removeItem","web3ModalProvider","on","accounts","userAddress","deadline","walletAddress","resList","percentSlippage","Percent","wei","utils","parseUnits","currencyAmount","CurrencyAmount","fromRawAmount","JSBI","BigInt","route","TradeType","EXACT_INPUT","recipient","slippageTolerance","data","methodParameters","calldata","to","BigNumber","from","gasPrice","gasPriceWei","gasLimit","hexlify","console","log","quoteAmountOut","quote","toFixed","catch","err","approvalAmount","contract0","approve","sendTransaction","Provider","children","App","ReactDOM","createRoot","document","getElementById","render","StrictMode"],"mappings":"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","file":"static/js/main.36eb3942.chunk.js","sourcesContent":["import { createContext } from \"react\";\n\nconst userContext = createContext()\n\nexport default userContext","import React, { useContext } from 'react'\nimport userContext from './context/userContext'\n\nconst TokenChangeModal = () => {\n    const context = useContext(userContext)\n    \n    const {\n        mode,\n        wethContract,\n        uniContract,\n        daiContract,\n        linkContract,\n        setInputToken,\n        setInputContract,\n        setOutPutToken,\n        setOutputContract,\n        setInputTokenName,\n        setOutputTokenName,\n        WETH,\n        UNI,\n        LINK,\n        DAI,\n        setTokenModalStatus,\n        tokenModalStatus\n    } = context\n\n    const onCLickOutsideModal = () => {\n        setTokenModalStatus(false)\n    }\n\n    const onClickTokenChanger = (value) => {\n        if (mode === 'input') {\n            if (value === 'WETH') {\n                setInputToken(WETH)\n                setInputContract(wethContract)\n                setInputTokenName(value)\n            }\n            else if (value === 'UNI') {\n                setInputToken(WETH)\n                setInputContract(wethContract)\n                setInputTokenName(value)\n            }\n            else if (value === 'LINK') {\n                setInputToken(LINK)\n                setInputContract(linkContract)\n                setInputTokenName(value)\n            }\n            else if (value === 'DAI') {\n                setInputToken(DAI)\n                setInputContract(daiContract)\n                setInputTokenName(value)\n            }\n        }\n        else if (mode === 'output') {\n            if (value === 'WETH') {\n                setOutPutToken(WETH)\n                setOutputContract(wethContract)\n                setOutputTokenName(value)\n            }\n            else if (value === 'DAI') {\n                setOutPutToken(DAI)\n                setOutputContract(daiContract)\n                setOutputTokenName(value)\n            }\n            else if (value = 'LINK') {\n                setOutPutToken(LINK)\n                setOutputContract(linkContract)\n                setOutputTokenName(value)\n            }\n            else if (value = 'UNI') {\n                setOutPutToken(UNI)\n                setOutputContract(uniContract)\n                setOutputTokenName(value)\n            }\n        }\n        else if (mode === null){\n\n        }\n    }\n\n    return (\n        <>\n            <div className={\"token-modal\"}  style={tokenModalStatus ? {display: \"flex\"} : {display: \"none\"}} onClick={onCLickOutsideModal}>\n                <div className=\"token-modal-container\">\n                    <div className=\"tokens\">\n                        <div className=\"token\">\n                            <div className=\"imgContainer\">\n                                <img src=\"https://cdn4.iconfinder.com/data/icons/cryptocoins/227/ETH-alt-512.png\" alt=\"LINK\" srcset=\"\" style={{ height: \"40px\", width: \"40px\" }} />\n                            </div>\n                            <div className=\"tokenInfo\" onClick={() => {onClickTokenChanger('WETH')}}>\n                                <p className='tokenNaming'>Wrapped Ethereum</p>\n                                <p>WETH</p>\n                            </div>\n                        </div>\n                        <div className=\"token\">\n                            <div className=\"imgContainer\">\n                                <img src=\"https://seeklogo.com/images/U/uniswap-logo-782F5E6363-seeklogo.com.png\" alt=\"LINK\" srcset=\"\" style={{ height: \"40px\", width: \"40px\", borderRadius: \"40px\" }} />\n                            </div>\n                            <div className=\"tokenInfo\" onClick={() => {onClickTokenChanger('UNI')}}>\n                                <p className='tokenNaming'>Uniswap Token</p>\n                                <p>UNI</p>\n                            </div>\n                        </div>\n                        <div className=\"token\">\n                            <div className=\"imgContainer\">\n                                <img src=\"https://cryptologos.cc/logos/chainlink-link-logo.png\" alt=\"LINK\" srcset=\"\" style={{ height: \"40px\", width: \"40px\" }} />\n                            </div>\n                            <div className='tokenInfo' onClick={() => {onClickTokenChanger('LINK')}}>\n                                <p className='tokenNaming'>ChainLink</p>\n                                <p>LINK</p>\n                            </div>\n                        </div>\n                        <div className=\"token\">\n                            <div className=\"imgContainer\">\n                                <img src=\"https://s2.coinmarketcap.com/static/img/coins/200x200/4943.png\" alt=\"DAI\" srcset=\"\" style={{ height: \"40px\", width: \"40px\" }} />\n                            </div>\n                            <div className='tokenInfo' onClick={() => {onClickTokenChanger('DAI')}}>\n                                <p className='tokenNaming'>\n                                    DAI Token\n                                </p>\n                                <p>DAI</p>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </>\n    )\n\n}\n\nexport default TokenChangeModal","import React, { useContext, useState, useEffect } from 'react'\nimport userContext from './context/userContext'\nimport TokenChangeModal from './TokenChangeModal'\n\nconst Navbar = () => {\n    const context = useContext(userContext)\n    const {\n        onClickConnector,\n        disconnectWallet,\n        account,\n        expProvider,\n    } = context\n\n    const [userBalance, setUserBalance] = useState(null)\n    \n    const displayAddress = `${account?.substring(0, 10)}...`\n\n    const onClickConnectWallet = () => {\n        if (!account) {\n            onClickConnector()\n        }\n    }\n\n    useEffect(() => {\n        const gettingIt = async (acc) => {\n            const bal = await expProvider.getBalance(acc)\n            setUserBalance(String(bal / 10 ** 18))\n        }\n\n        if (account && expProvider) {\n            gettingIt(account)\n        }\n        \n    }, [account, userBalance, expProvider])\n    \n    return (\n        <div className=\"appNav\">\n            <img src=\"https://seeklogo.com/images/U/uniswap-logo-782F5E6363-seeklogo.com.png\" alt=\"uniswap-logo\" style={{ height: \"30px\", width: \"auto\", position: \"absolute\", left: \"10%\", top: \"2%\" }} />\n            <TokenChangeModal/>\n\n\n            <div className=\"rightNav\">\n                <div className=\"connectButtonContainer\">\n                    {userBalance && account ?\n                        <div \n                            className=\"btn my-2 connectButton\"\n                        >\n                            {userBalance ? userBalance.substring(0,5) + \" gorETH\" : \"\"}\n                        </div>\n                    : \"\"    \n                }\n                    <div\n                        className=\"btn my-2 connectButton\"\n                        onClick={onClickConnectWallet}\n                    >\n                        {account ? displayAddress : \"Connect Wallet\"}\n                    </div>\n                    {account &&\n                        <div\n                            className=\"btn my-2 connectButton\"\n                            onClick={disconnectWallet}>\n                            Disconnect\n                        </div>\n                    }\n                </div>\n            </div>\n        </div >\n    )\n}\n\nexport default Navbar","import React from 'react';\n\nconst Config = props => {\n  return(\n    <div className=\"modaly\" onClick={props.onClose}>\n      <div className=\"modal-content\" onClick={e => e.stopPropagation()}>\n        <div className=\"modal-body\">\n          <h4 className=\"titleHeader\">Transaction Settings</h4>\n\n          <div className=\"row\">\n            <label className=\"labelField\">Slippage Tolerance</label>\n          </div>\n          <div className=\"row\">\n            <div className=\"col-md-9 fieldContainer\">\n              <input\n                className=\"inputField\"\n                placeholder=\"1.0%\"\n                value={props.slippageAmount}\n                onChange={e => props.setSlippageAmount(e.target.value)}\n              />\n            </div>\n            <div className=\"col-md-3 inputFieldUnitsContainer\">\n              <span>%</span>\n            </div>\n          </div>\n          <div className=\"row\">\n            <label className=\"labelField\">Transaction Deadline</label>\n          </div>\n          <div className=\"row\">\n            <div className=\"col-md-9 fieldContainer\">\n              <input\n                className=\"inputField\"\n                placeholder=\"10\"\n                value={props.deadlineMinutes}\n                onChange={e => props.setDeadlineMinutes(e.target.value)}\n              />\n            </div>\n            <div className=\"col-md-3 inputFieldUnitsContainer\">\n              <span>minutes</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n\nexport default Config","import React, {useContext, useEffect, useState} from 'react'\nimport userContext from './context/userContext'\n\nconst CurrencyField = props => {\n  const context = useContext(userContext)\n  \n  const {\n    account,\n    connected,\n    setMode,\n    setTokenModalStatus\n  } = context\n\n  const [balance, setBalance] = useState(null)\n\n  const getPrice = (value) => {\n    props.getSwapPrice(value)\n  }\n\n  const onCLickToggleModal = () => {\n    setMode(props.field.toString())\n    setTokenModalStatus(true)\n  }\n\n  useEffect(() => {\n    const gettingIt = async () => {\n      const bal = await props.contract.balanceOf(account)\n      setBalance(String(bal / 10 ** 18))\n    }\n\n    if (account && props.contract) {\n      gettingIt()\n    } \n\n  }, [account, props.contract]) \n  \n  return (\n    <div className=\"row currencyInput\">\n      <div className=\"col-md-6 numberContainer\">\n        {props.loading ? (\n          <div className=\"spinnerContainer\">\n            <props.spinner />\n          </div>\n        ) : (\n          <input\n            type={\"number\"}\n            className=\"currencyInputField\"\n            placeholder=\"0.0\"\n            value={props.value}\n            onBlur = {e => (props.field === 'input' ? getPrice(e.target.value) : null)}\n          />\n        )}\n      </div>\n      <div className=\"col-md-6 tokenContainer\">\n        <span className=\"tokenName\" onClick={() => onCLickToggleModal()}>{props.tokenName}</span>\n        <div className=\"balanceContainer\">\n          <span className=\"balanceAmount\">Balance: {balance && connected ? balance.slice(0,5) : \"\"}</span>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default CurrencyField\n\n","import React, {useState, useEffect, useContext} from 'react'\nimport { GearFill } from 'react-bootstrap-icons'\nimport Config from './Config'\nimport CurrencyField from './CurrencyField'\nimport BeatLoader from \"react-spinners/BeatLoader\"\nimport userContext from './context/userContext'\n\nconst Body = () => {\n    const context = useContext(userContext)\n    const {\n        onClickConnector,\n        account,\n        signer,\n        inputTokenName,\n        outputTokenName,\n        inputContract,\n        outputContract,\n        ratio,\n        setRatio,\n        getPrice,\n        runSwap\n    } = context\n    const [slippageAmount, setSlippageAmount] = useState(2)\n    const [deadlineMinutes, setDeadlineMinutes] = useState(10)\n    const [showModal, setShowModal] = useState(undefined)\n    const [inputAmount, setInputAmount] = useState(undefined)\n    const [outputAmount, setOutputAmount] = useState(undefined)\n    const [transaction, setTransaction] = useState(null)\n    const [loading, setLoading] = useState(undefined)\n\n    useEffect(() => {\n        \n    }, [ratio])\n\n    const getSwapPrice = async (inputAmount) => {\n        if (inputAmount) {\n            setLoading(true)\n            setInputAmount(inputAmount) \n            \n            await getPrice(\n                inputAmount,\n                slippageAmount, \n                Math.floor(Date.now() / 1000 + (deadlineMinutes * 60)),\n                account\n            ).then(res => {\n                setTransaction(res[0])\n                setOutputAmount(res[1])\n                setRatio(res[2])\n                setLoading(false)\n            })\n        }\n        else {\n            setOutputAmount(0)\n        }\n    }\n\n    return (\n        <div className=\"appBody\">\n            <div className=\"swapContainer\">\n                <div className=\"swapHeader\">\n                    <span className=\"swapText\">Swap</span>\n                    <span className=\"gearContainer\" onClick={() => {\n                        setShowModal(true)\n                        }}>\n                        <GearFill />\n                    </span>\n                    {showModal && (\n                        <Config\n                            onClose={() => setShowModal(false)}\n                            setDeadlineMinutes={setDeadlineMinutes}\n                            deadlineMinutes={deadlineMinutes}\n                            setSlippageAmount={setSlippageAmount}\n                            slippageAmount={slippageAmount} />\n                    )}\n                </div>\n\n                <div className=\"swapBody\">\n                    <CurrencyField\n                        field=\"input\"\n                        tokenName={inputTokenName}\n                        getSwapPrice={getSwapPrice}\n                        signer={signer}\n                        contract={inputContract} \n                        />\n                    <CurrencyField   \n                        field=\"output\"\n                        tokenName={outputTokenName}\n                        value={outputAmount} \n                        signer={signer}\n                        contract={outputContract} \n                        spinner={BeatLoader} \n                        loading={loading} />\n                </div>\n                <div className=\"ratioContainer\"> \n                    {ratio && (\n                        <div>\n                            {`1 ${outputTokenName} = ${ratio.substring(0,8)} ${inputTokenName}`}\n                        </div>\n                    )}\n                </div>\n\n                {/* Swap Button */}\n                <div className=\"swapButtonContainer\" >\n                    {account ? (\n                        <div\n                            onClick={() => runSwap(transaction, inputAmount)}\n                            className=\"swapButton\"\n                            disabled={outputAmount === undefined}\n                        >\n                            Swap\n                        </div>\n                    ) : (\n                        <div\n                            onClick={() => onClickConnector()}\n                            className=\"swapButton\"\n                        >\n                            Connect Wallet\n                        </div>\n                    )}\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default Body","import Web3Modal from 'web3modal'\nimport WalletConnectProvider from '@walletconnect/web3-provider'\nimport WalletLink from 'walletlink'\nimport UserContext from './userContext'\nimport { useState, useEffect } from 'react'\nimport { ethers, providers, BigNumber } from 'ethers'\nimport abi from '../../abi.json'\nimport QuoterABI from '@uniswap/v3-periphery/artifacts/contracts/lens/Quoter.sol/Quoter.json'\nimport { AlphaRouter } from '@uniswap/smart-order-router'\nimport { Token, CurrencyAmount, TradeType, Percent } from '@uniswap/sdk-core'\nimport JSBI from 'jsbi'\n\nconst UserState = (props) => {\n\n    let provider;\n    let signer;\n    let ethersProvider;\n\n    // web3Modal \n    const [signerInstance, setSignerInstance] = useState(null)\n    const [router, setRouter] = useState(null)\n    const [expProvider, setexpProvider] = useState(null)\n    const [account, setAccount] = useState(null)\n    const [web3Modal, setWeb3Modal] = useState(null)\n    const [connected, setConnected] = useState(false)\n    const [tokenModalStatus, setTokenModalStatus] = useState(false)\n\n    // Contracts\n    const [wethContract, setWethContract] = useState(null)\n    const [uniContract, setUniContract] = useState(null)\n    const [linkContract, setLinkContract] = useState(null)\n    const [daiContract, setDaiContract] = useState(null)\n    const [quoterContract, setQuoterContract] = useState(null)\n    const [inputToken, setInputToken] = useState(null)\n    const [inputTokenName, setInputTokenName] = useState('WETH')\n    const [outputTokenName, setOutputTokenName] = useState('UNI')\n    const [outputToken, setOutPutToken] = useState(null)\n    const [inputContract, setInputContract] = useState(null)\n    const [outputContract, setOutputContract] = useState(null)\n    const [mode, setMode] = useState(null)\n\n    const [userETHbalance, setUserETHBalance] = useState(null)\n    const [ratio, setRatio] = useState(null) \n\n    const V3_SWAP_ROUTER_ADDRESS = '0x68b3465833fb72A70ecDF485E0e4C7bD8665Fc45'\n    const WETH = new Token(5, '0xB4FBF271143F4FBf7B91A5ded31805e42b2208d6', 18, 'WETH', 'Wrapped Ether')\n    const UNI = new Token(5, '0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984', 18, 'UNI', 'Uniswap Token')\n    const LINK = new Token(5, '0x326C977E6efc84E512bB9C30f76E30c160eD06FB', 18, 'LINK', 'ChainkLink Token')\n    const DAI = new Token(5, '0xdc31Ee1784292379Fbb2964b3B9C4124D8F89C60', 18, 'DAI', 'DAI Token')\n\n    useEffect(() => {\n        const providerOptions = {\n            binancechainwallet: {\n                package: true\n            },\n            walletconnect: {\n                package: WalletConnectProvider,\n                options: {\n                    infuraId: 'a46c4873075d48ec92fe67b184a6fbdb',\n                }\n            },\n            walletlink: {\n                package: WalletLink,\n                options: {\n                    appName: \"Uniswap V3 Clone\",\n                    infuraId: \"a46c4873075d48ec92fe67b184a6fbdb\",\n                    rpc: \"\",\n                    chainId: 5,\n                    appLogoUrl: null,\n                    darkMode: true\n                }\n            },\n        };\n\n        const newWeb3Modal = new Web3Modal({\n            cacheProvider: true, // very important\n            network: \"goerli\",\n            theme: {\n                background: \"rgb(203, 231, 240)\",\n                main: \"black\",\n                secondary: \"black\",\n                hover: \"#dd2f81\"\n            },\n            providerOptions,\n        });\n\n        setWeb3Modal(newWeb3Modal)\n    }, [userETHbalance])\n\n    useEffect(() => {\n\n        if (web3Modal && web3Modal.cachedProvider) {\n            onClickConnector()\n        }\n\n    }, [web3Modal, userETHbalance, ratio])\n\n    const onClickConnector = async () => {\n        provider = await web3Modal.connect()\n        addListeners(provider)\n        ethersProvider = new providers.Web3Provider(provider)\n        setexpProvider(ethersProvider)\n\n        const routerInstance = new AlphaRouter({ chainId: 5, provider: ethersProvider })\n        setRouter(routerInstance)\n\n        signer = ethersProvider.getSigner()\n        setSignerInstance(signer)\n        const acc = await ethersProvider.getSigner().getAddress()\n        setAccount(acc)\n        setConnected(true)\n\n        const wethContractInstance = new ethers.Contract('0xB4FBF271143F4FBf7B91A5ded31805e42b2208d6', abi, ethersProvider)\n        setWethContract(wethContractInstance)\n\n        const uniContractInstance = new ethers.Contract('0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984', abi, ethersProvider)\n        setUniContract(uniContractInstance)\n\n        const linkContractInstance = new ethers.Contract('0x326C977E6efc84E512bB9C30f76E30c160eD06FB', abi,  ethersProvider)\n        setLinkContract(linkContractInstance)\n\n        const daiContractInstance = new ethers.Contract('0xdc31Ee1784292379Fbb2964b3B9C4124D8F89C60', abi, ethersProvider)\n        setDaiContract(daiContractInstance)\n\n        const quoterContractInstance = new ethers.Contract('0xb27308f9F90D607463bb33eA1BeBb41C27CE5AB6', QuoterABI.abi, ethersProvider)\n        setQuoterContract(quoterContractInstance)\n\n        setInputToken(WETH) \n        setOutPutToken(UNI) \n        setInputContract(wethContractInstance)\n        setOutputContract(uniContractInstance)\n    }\n\n    async function disconnectWallet() {\n        web3Modal.clearCachedProvider()\n        localStorage.removeItem(\"walletconnect\")\n        setAccount(\"\")\n        setConnected(false)\n    }\n\n    async function addListeners(web3ModalProvider) {\n        web3ModalProvider.on(\"accountsChanged\", async (accounts) => {\n            const userAddress = await ethersProvider.getSigner().getAddress()\n            setAccount(userAddress)\n        })\n    }\n\n    async function getPrice(inputAmount, slippageAmount, deadline, walletAddress) {\n        const resList = [0, 0, 0]\n        const percentSlippage = new Percent(slippageAmount, 100)\n        const wei = ethers.utils.parseUnits(inputAmount.toString(), 18)\n        const currencyAmount = CurrencyAmount.fromRawAmount(inputToken, JSBI.BigInt(wei))\n        await router.route(\n            currencyAmount,\n            outputToken,\n            TradeType.EXACT_INPUT,\n            {\n                recipient: walletAddress,\n                slippageTolerance: percentSlippage,\n                deadline: deadline,\n            }\n        ).then(res => {\n\n            const transaction = {\n                data: res.methodParameters.calldata,\n                to: V3_SWAP_ROUTER_ADDRESS,\n                value: BigNumber.from(res.methodParameters.value),\n                from: walletAddress,\n                gasPrice: BigNumber.from(res.gasPriceWei),\n                gasLimit: ethers.utils.hexlify(1000000)\n            }\n\n            resList[0] = transaction\n            console.log(transaction)\n\n            const quoteAmountOut = res.quote.toFixed(6)\n            const ratio = (inputAmount / quoteAmountOut).toFixed(3)\n\n            resList[1] = quoteAmountOut\n            resList[2] = ratio\n\n        }).catch(err => {\n            console.log(err)\n        })\n\n        return resList\n    }\n\n    async function runSwap(transaction, inputAmount){\n        console.log(inputAmount)\n        const approvalAmount = ethers.utils.parseUnits(inputAmount.toString(), 18)\n        const contract0 = wethContract\n        await contract0.connect(signerInstance).approve(\n            V3_SWAP_ROUTER_ADDRESS,\n            approvalAmount\n        ).then(res => signerInstance.sendTransaction(transaction))\n    }\n    \n    return (\n        <UserContext.Provider value={{ ethersProvider, provider, signer, onClickConnector, account, disconnectWallet, wethContract, uniContract, daiContract, linkContract, userETHbalance, connected, web3Modal, expProvider, quoterContract, ratio, setRatio, getPrice, runSwap, signerInstance, inputToken, setInputToken, inputContract, setInputContract,outputToken, setOutPutToken, outputContract, setOutputContract, WETH, UNI, DAI, LINK, inputTokenName, setInputTokenName, outputTokenName, setOutputTokenName, mode, setMode, setTokenModalStatus, tokenModalStatus}}>    \n            {props.children}\n        </UserContext.Provider>\n    )\n}\n\nexport default UserState","import './App.css';\nimport Navbar from './components/Navbar';\nimport Body from './components/Body';\nimport UserState from './components/context/userState';\nimport TokenChangeModal from './components/TokenChangeModal';\n\nfunction App() {\n\n  return (\n    <UserState>\n      <div className=\"App\">\n        <Navbar />\n        <Body />\n        \n      </div>\n    </UserState>\n  );\n}\n\nexport default App\n","import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport './index.css';\nimport App from './App';\nimport 'bootstrap/dist/css/bootstrap.css';\n\nconst root = ReactDOM.createRoot(document.getElementById('root'));\nroot.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>\n);\n"],"sourceRoot":""}