{"version":3,"file":"static/chunks/pages/find-bc3440d68ff010fe.js","mappings":"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","sources":["webpack://_N_E/?7d08","webpack://_N_E/./src/views/PoolFinder/index.tsx","webpack://_N_E/./src/pages/find.tsx"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/find\",\n      function () {\n        return require(\"private-next-pages/find.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/find\"])\n      });\n    }\n  ","import { useCallback, useEffect, useState } from 'react'\nimport { Currency, ETHER, JSBI, TokenAmount } from '@pancakeswap/sdk'\nimport { Button, ChevronDownIcon, Text, AddIcon, useModal } from '@pancakeswap/uikit'\nimport styled from 'styled-components'\nimport { useTranslation } from 'contexts/Localization'\nimport { NextLinkFromReactRouter } from 'components/NextLink'\nimport { useAccount } from 'wagmi'\nimport { BIG_INT_ZERO } from 'config/constants/exchange'\nimport { LightCard } from '../../components/Card'\nimport { AutoColumn, ColumnCenter } from '../../components/Layout/Column'\nimport { CurrencyLogo } from '../../components/Logo'\nimport { MinimalPositionCard } from '../../components/PositionCard'\nimport Row from '../../components/Layout/Row'\nimport CurrencySearchModal from '../../components/SearchModal/CurrencySearchModal'\nimport { PairState, usePair } from '../../hooks/usePairs'\nimport { usePairAdder } from '../../state/user/hooks'\nimport { useTokenBalance } from '../../state/wallet/hooks'\nimport { currencyId } from '../../utils/currencyId'\nimport Dots from '../../components/Loader/Dots'\nimport { AppHeader, AppBody } from '../../components/App'\nimport Page from '../Page'\n\nenum Fields {\n  TOKEN0 = 0,\n  TOKEN1 = 1,\n}\n\nconst StyledButton = styled(Button)`\n  background-color: ${({ theme }) => theme.colors.input};\n  color: ${({ theme }) => theme.colors.text};\n  box-shadow: none;\n  border-radius: 4px;\n`\n\nexport default function PoolFinder() {\n  const { address : account } = useAccount()\n  const { t } = useTranslation()\n\n  const [activeField, setActiveField] = useState<number>(Fields.TOKEN1)\n  const [currency0, setCurrency0] = useState<Currency | null>(ETHER)\n  const [currency1, setCurrency1] = useState<Currency | null>(null)\n\n  const [pairState, pair] = usePair(currency0 ?? undefined, currency1 ?? undefined)\n  const addPair = usePairAdder()\n  useEffect(() => {\n    if (pair) {\n      addPair(pair)\n    }\n  }, [pair, addPair])\n\n  const validPairNoLiquidity: boolean =\n    pairState === PairState.NOT_EXISTS ||\n    Boolean(\n      pairState === PairState.EXISTS &&\n        pair &&\n        JSBI.equal(pair.reserve0.raw, BIG_INT_ZERO) &&\n        JSBI.equal(pair.reserve1.raw, BIG_INT_ZERO),\n    )\n\n  const position: TokenAmount | undefined = useTokenBalance(account ?? undefined, pair?.liquidityToken)\n  const hasPosition = Boolean(position && JSBI.greaterThan(position.raw, BIG_INT_ZERO))\n\n  const handleCurrencySelect = useCallback(\n    (currency: Currency) => {\n      if (activeField === Fields.TOKEN0) {\n        setCurrency0(currency)\n      } else {\n        setCurrency1(currency)\n      }\n    },\n    [activeField],\n  )\n\n  const prerequisiteMessage = (\n    <LightCard padding=\"45px 10px\">\n      <Text textAlign=\"center\">\n        {!account ? t('Connect to a wallet to find pools') : t('Select a token to find your liquidity.')}\n      </Text>\n    </LightCard>\n  )\n\n  const [onPresentCurrencyModal] = useModal(\n    <CurrencySearchModal\n      onCurrencySelect={handleCurrencySelect}\n      showCommonBases\n      selectedCurrency={(activeField === Fields.TOKEN0 ? currency1 : currency0) ?? undefined}\n    />,\n    true,\n    true,\n    'selectCurrencyModal',\n  )\n\n  return (\n    <Page>\n      <AppBody>\n        <AppHeader title={t('Import Pool')} subtitle={t('Import an existing pool')} backTo=\"/liquidity\" />\n        <AutoColumn style={{ padding: '1rem' }} gap=\"md\">\n          <StyledButton\n            endIcon={<ChevronDownIcon />}\n            onClick={() => {\n              onPresentCurrencyModal()\n              setActiveField(Fields.TOKEN0)\n            }}\n          >\n            {currency0 ? (\n              <Row>\n                <CurrencyLogo currency={currency0} />\n                <Text ml=\"8px\">{currency0.symbol}</Text>\n              </Row>\n            ) : (\n              <Text ml=\"8px\">{t('Select a Token')}</Text>\n            )}\n          </StyledButton>\n\n          <ColumnCenter>\n            <AddIcon />\n          </ColumnCenter>\n\n          <StyledButton\n            endIcon={<ChevronDownIcon />}\n            onClick={() => {\n              onPresentCurrencyModal()\n              setActiveField(Fields.TOKEN1)\n            }}\n          >\n            {currency1 ? (\n              <Row>\n                <CurrencyLogo currency={currency1} />\n                <Text ml=\"8px\">{currency1.symbol}</Text>\n              </Row>\n            ) : (\n              <Text as={Row}>{t('Select a Token')}</Text>\n            )}\n          </StyledButton>\n\n          {currency0 && currency1 ? (\n            pairState === PairState.EXISTS ? (\n              hasPosition && pair ? (\n                <>\n                  <MinimalPositionCard pair={pair} />\n                  <Button as={NextLinkFromReactRouter} to=\"/liquidity\" variant=\"primary\" width=\"100%\">\n                    {t('Manage this pool')}\n                  </Button>\n                </>\n              ) : (\n                <LightCard padding=\"45px 10px\">\n                  <AutoColumn gap=\"sm\" justify=\"center\">\n                    <Text textAlign=\"center\">{t('You don’t have liquidity in this pool yet.')}</Text>\n                    <Button\n                      as={NextLinkFromReactRouter}\n                      to={`/add/?currencyA=${currencyId(currency0)}&currencyB=${currencyId(currency1)}`}\n                      variant=\"secondary\"\n                    >\n                      {t('Add Liquidity')}\n                    </Button>\n                  </AutoColumn>\n                </LightCard>\n              )\n            ) : validPairNoLiquidity ? (\n              <LightCard padding=\"45px 10px\">\n                <AutoColumn gap=\"sm\" justify=\"center\">\n                  <Text textAlign=\"center\">{t('No pool found.')}</Text>\n                  <Button\n                    as={NextLinkFromReactRouter}\n                    to={`/add/?currencyA=${currencyId(currency0)}&currencyB=${currencyId(currency1)}`}\n                    variant=\"secondary\"\n                  >\n                    {t('Create pool')}\n                  </Button>\n                </AutoColumn>\n              </LightCard>\n            ) : pairState === PairState.INVALID ? (\n              <LightCard padding=\"45px 10px\">\n                <AutoColumn gap=\"sm\" justify=\"center\">\n                  <Text textAlign=\"center\" fontWeight={500}>\n                    {t('Invalid pair.')}\n                  </Text>\n                </AutoColumn>\n              </LightCard>\n            ) : pairState === PairState.LOADING ? (\n              <LightCard padding=\"45px 10px\">\n                <AutoColumn gap=\"sm\" justify=\"center\">\n                  <Text textAlign=\"center\">\n                    {t('Loading')}\n                    <Dots />\n                  </Text>\n                </AutoColumn>\n              </LightCard>\n            ) : null\n          ) : (\n            prerequisiteMessage\n          )}\n        </AutoColumn>\n\n        {/* <CurrencySearchModal\n          isOpen={showSearch}\n          onCurrencySelect={handleCurrencySelect}\n          onDismiss={handleSearchDismiss}\n          showCommonBases\n          selectedCurrency={(activeField === Fields.TOKEN0 ? currency1 : currency0) ?? undefined}\n        /> */}\n      </AppBody>\n    </Page>\n  )\n}\n","import PoolFinder from '../views/PoolFinder'\n\nexport default PoolFinder\n"],"names":["window","__NEXT_P","push","Fields","TOKEN0","TOKEN1","StyledButton","styled","Button","theme","colors","input","text","address","useAccount","useTranslation","t","useState","activeField","setActiveField","ETHER","currency0","setCurrency0","currency1","setCurrency1","usePair","undefined","pairState","pair","addPair","usePairAdder","useEffect","validPairNoLiquidity","PairState","Boolean","JSBI","reserve0","raw","BIG_INT_ZERO","reserve1","position","useTokenBalance","account","liquidityToken","hasPosition","handleCurrencySelect","useCallback","currency","prerequisiteMessage","LightCard","padding","Text","textAlign","onPresentCurrencyModal","useModal","CurrencySearchModal","onCurrencySelect","showCommonBases","selectedCurrency","Page","AppBody","AppHeader","title","subtitle","backTo","AutoColumn","style","gap","endIcon","ChevronDownIcon","onClick","Row","CurrencyLogo","ml","symbol","ColumnCenter","AddIcon","as","MinimalPositionCard","NextLinkFromReactRouter","to","variant","width","justify","currencyId","fontWeight","Dots"],"sourceRoot":""}