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>

src/components/NavigationTabs/index.tsx

@@ -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>

src/pages/App.tsx

@@ -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} />

src/pages/MigrateV2/index.tsx

@@ -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>

src/pages/Pool/v2.tsx

@@ -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}

src/pages/PoolFinder/index.tsx

@@ -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>