feat: zaps

apps/web/src/app/(networks)/(evm)/[chainId]/pool/v2/[address]/(manage)/add/page.tsx

@@ -1,5 +1,4 @@
 import { V2Pool, getV2Pool } from '@sushiswap/graph-client/data-api'
-import { LinkExternal, Message } from '@sushiswap/ui'
 import { unstable_cache } from 'next/cache'
 import { notFound } from 'next/navigation'
 import { PoolPositionProvider } from 'src/ui/pool'
@@ -33,30 +32,15 @@ export default async function ManageV2PoolPage({
   )()) as V2Pool
 
   return (
-    <>
-      <Message size="sm" variant="info">
-        <h1 className="py-1 text-lg text-accent-foreground">
-          Not seeing your position?
-        </h1>
-        We’re beginning to phase out the staking contracts used for V2 pools to
-        make way for new and improved technology. If you have any staked
-        positions and wish to unstake and claim your rewards, please visit{' '}
-        <LinkExternal href="https://deprecated.sushi.com/farms">
-          <span className="text-muted-foreground">
-            https://deprecated.sushi.com/farms
-          </span>
-        </LinkExternal>
-      </Message>
-      <div className="grid grid-cols-1 md:grid-cols-[auto_400px] gap-6">
-        <div>
-          <ManageV2LiquidityCard pool={pool} tab="add" />
-        </div>
-        <div className="flex flex-col gap-6">
-          <PoolPositionProvider pool={pool}>
-            <PoolPosition pool={pool} />
-          </PoolPositionProvider>
-        </div>
+    <div className="grid grid-cols-1 md:grid-cols-[auto_400px] gap-6">
+      <div>
+        <ManageV2LiquidityCard pool={pool} tab="add" />
       </div>
-    </>
+      <div className="flex flex-col gap-6">
+        <PoolPositionProvider pool={pool}>
+          <PoolPosition pool={pool} />
+        </PoolPositionProvider>
+      </div>
+    </div>
   )
 }

apps/web/src/app/(networks)/(evm)/[chainId]/pool/v2/[address]/(manage)/layout.tsx

@@ -1,5 +1,5 @@
 import { V2Pool, getV2Pool } from '@sushiswap/graph-client/data-api'
-import { Container } from '@sushiswap/ui'
+import { Container, LinkExternal, Message } from '@sushiswap/ui'
 import { unstable_cache } from 'next/cache'
 import { headers } from 'next/headers'
 import { notFound } from 'next/navigation'
@@ -53,6 +53,20 @@ export default async function Layout({
       <section className="flex flex-col flex-1 mt-4">
         <div className="bg-gray-50 dark:bg-white/[0.02] border-t border-accent py-10 h-full">
           <Container maxWidth="5xl" className="px-4">
+            <Message size="sm" variant="info" className="mb-6">
+              <h1 className="py-1 text-lg text-slate-200">
+                Not seeing your position?
+              </h1>
+              We’re beginning to phase out the staking contracts used for V2
+              pools to make way for new and improved technology. If you have any
+              staked positions and wish to unstake and claim your rewards,
+              please visit{' '}
+              <LinkExternal href="https://deprecated.sushi.com/farms">
+                <span className="text-slate-300">
+                  https://deprecated.sushi.com/farms
+                </span>
+              </LinkExternal>
+            </Message>
             {children}
           </Container>
         </div>

apps/web/src/app/(networks)/(evm)/[chainId]/pool/v2/[address]/(manage)/remove/page.tsx

@@ -1,5 +1,4 @@
 import { V2Pool, getV2Pool } from '@sushiswap/graph-client/data-api'
-import { LinkExternal, Message } from '@sushiswap/ui'
 import { unstable_cache } from 'next/cache'
 import { notFound } from 'next/navigation'
 import { PoolPositionProvider } from 'src/ui/pool'
@@ -33,30 +32,15 @@ export default async function ManageV2PoolPage({
   )()) as V2Pool
 
   return (
-    <>
-      <Message size="sm" variant="info">
-        <h1 className="py-1 text-lg text-slate-200">
-          Not seeing your position?
-        </h1>
-        We’re beginning to phase out the staking contracts used for V2 pools to
-        make way for new and improved technology. If you have any staked
-        positions and wish to unstake and claim your rewards, please visit{' '}
-        <LinkExternal href="https://deprecated.sushi.com/farms">
-          <span className="text-slate-300">
-            https://deprecated.sushi.com/farms
-          </span>
-        </LinkExternal>
-      </Message>
-      <div className="grid grid-cols-1 md:grid-cols-[auto_400px] gap-6">
-        <div>
-          <ManageV2LiquidityCard pool={pool} tab="remove" />
-        </div>
-        <div className="flex flex-col gap-6">
-          <PoolPositionProvider pool={pool}>
-            <PoolPosition pool={pool} />
-          </PoolPositionProvider>
-        </div>
+    <div className="grid grid-cols-1 md:grid-cols-[auto_400px] gap-6">
+      <div>
+        <ManageV2LiquidityCard pool={pool} tab="remove" />
       </div>
-    </>
+      <div className="flex flex-col gap-6">
+        <PoolPositionProvider pool={pool}>
+          <PoolPosition pool={pool} />
+        </PoolPositionProvider>
+      </div>
+    </div>
   )
 }