From 0c1b10e9575bd89e208fe96d5cd65a6645c065da Mon Sep 17 00:00:00 2001
From: Matthew Pereira <matthewdavidpereira@gmail.com>
Date: Fri, 6 Dec 2024 13:04:59 -0800
Subject: [PATCH] Add rec to checkout docs and fix boosted token info tooltip

---
 .../nextjs/app/v3/_components/PoolDetails.tsx |  2 +-
 packages/nextjs/app/v3/page.tsx               | 19 ++++++++++++++++---
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/packages/nextjs/app/v3/_components/PoolDetails.tsx b/packages/nextjs/app/v3/_components/PoolDetails.tsx
index e3d922a..a4202a2 100644
--- a/packages/nextjs/app/v3/_components/PoolDetails.tsx
+++ b/packages/nextjs/app/v3/_components/PoolDetails.tsx
@@ -248,7 +248,7 @@ function TokenDetails({ token }: { token: TokenConfig }) {
           </div>
           {token.tokenInfo && (
             <div>
-              <TokenToolTip token={token.tokenInfo} />
+              <TokenToolTip token={token.useBoostedVariant && boostedToken ? boostedToken : token.tokenInfo} />
             </div>
           )}
         </div>
diff --git a/packages/nextjs/app/v3/page.tsx b/packages/nextjs/app/v3/page.tsx
index 4540a6d..4e7fc6c 100644
--- a/packages/nextjs/app/v3/page.tsx
+++ b/packages/nextjs/app/v3/page.tsx
@@ -55,8 +55,11 @@ const BalancerV3: NextPage = () => {
               <div>
                 <Alert type="warning">
                   <div className="flex items-center gap-2">
-                    Please switch back to {chain.name} to continue with pool creation. You must start over if you wish
-                    to switch networks
+                    You have already begun the pool configuration process. Please switch back to {chain.name} to
+                    continue or if you prefer to switch networks,
+                    <div className="link" onClick={() => setIsResetModalOpen(true)}>
+                      start over
+                    </div>
                   </div>
                 </Alert>
               </div>
@@ -65,7 +68,7 @@ const BalancerV3: NextPage = () => {
             <>
               {!chain && (
                 <div className="flex justify-center">
-                  <div className="w-[1128px]">
+                  <div className="w-[1130px]">
                     <Alert type="warning">
                       <div className="flex items-center gap-2">
                         Make sure you switch to your desired network before beginning pool creation. You cannot switch
@@ -76,6 +79,16 @@ const BalancerV3: NextPage = () => {
                   </div>
                 </div>
               )}
+              <div className="flex justify-center">
+                <div className="w-[1130px]">
+                  <Alert type="info">
+                    <div className="flex items-center gap-2">
+                      Before starting the pool configuration process, we recommend that you review our pool creation
+                      documentation
+                    </div>
+                  </Alert>
+                </div>
+              </div>
 
               <div className="hidden sm:flex flex-wrap gap-5 w-full justify-center">
                 <PoolConfiguration />