fix: add pool find button to v2 pool page (#1700)

* add pool find button to v2 pool page

* update copy to be v2 specific

* fixed migrate v2 liquidity back arrow

* add missing <Trans>

Co-authored-by: Justin Domingue <judo@uniswap.org>
This commit is contained in:
Ian Lapham 2021-06-02 10:08:45 -07:00 committed by GitHub
parent 1cdb8aa6a4
commit ab80910553
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 18 additions and 7 deletions

@ -80,7 +80,7 @@ export function FindPoolTabs({ origin }: { origin: string }) {
<StyledArrowLeft />
</HistoryLink>
<ActiveText>
<Trans>Import Pool</Trans>
<Trans>Import V2 Pool</Trans>
</ActiveText>
</RowBetween>
</Tabs>

@ -96,7 +96,7 @@ export default function App() {
<Route exact strict path="/swap/:outputCurrency" component={RedirectToSwap} />
<Route exact strict path="/swap" component={Swap} />
<Route exact strict path="/find" component={PoolFinder} />
<Route exact strict path="/pool/v2/find" component={PoolFinder} />
<Route exact strict path="/pool/v2" component={PoolV2} />
<Route exact strict path="/pool" component={Pool} />
<Route exact strict path="/pool/:tokenId" component={PositionPage} />

@ -110,7 +110,7 @@ export default function MigrateV2() {
<BodyWrapper style={{ padding: 24 }}>
<AutoColumn gap="16px">
<AutoRow style={{ alignItems: 'center', justifyContent: 'space-between' }} gap="8px">
<BackArrow to="/pool" />
<BackArrow to="/pool/v2" />
<TYPE.mediumHeader>
<Trans>Migrate V2 Liquidity</Trans>
</TYPE.mediumHeader>

@ -175,6 +175,17 @@ export default function Pool() {
<ResponsiveButtonSecondary as={Link} padding="6px 8px" to="/add/v2/ETH">
<Trans>Create a pair</Trans>
</ResponsiveButtonSecondary>
<ResponsiveButtonPrimary
id="find-pool-button"
as={Link}
padding="6px 8px"
borderRadius="12px"
to="/pool/v2/find"
>
<Text fontWeight={500} fontSize={16}>
<Trans>Import Pool</Trans>
</Text>
</ResponsiveButtonPrimary>
<ResponsiveButtonPrimary
id="join-pool-button"
as={Link}

@ -85,7 +85,7 @@ export default function PoolFinder() {
{!account ? (
<Trans>Connect to a wallet to find pools</Trans>
) : (
<Trans>Select a token to find your liquidity.</Trans>
<Trans>Select a token to find your v2 liquidity.</Trans>
)}
</Text>
</LightCard>
@ -93,13 +93,13 @@ export default function PoolFinder() {
return (
<AppBody>
<FindPoolTabs origin={query.get('origin') ?? '/pool'} />
<FindPoolTabs origin={query.get('origin') ?? '/pool/v2'} />
<AutoColumn style={{ padding: '1rem' }} gap="md">
<BlueCard>
<AutoColumn gap="10px">
<TYPE.link fontWeight={400} color={'primaryText1'}>
<Trans>
<b>Tip:</b> Use this tool to find pairs that don&apos;t automatically appear in the interface.
<b>Tip:</b> Use this tool to find v2 pools that don&apos;t automatically appear in the interface.
</Trans>
</TYPE.link>
</AutoColumn>
@ -155,7 +155,7 @@ export default function PoolFinder() {
<Text textAlign="center" fontWeight={500}>
<Trans>Pool Found!</Trans>
</Text>
<StyledInternalLink to={`/pool`}>
<StyledInternalLink to={`/pool/v2`}>
<Text textAlign="center">
<Trans>Manage this pool.</Trans>
</Text>