add token search param to external link to arb bridge

renegade-fi · Oct 18, 2024 · 2d10b0d · 2d10b0d
1 parent c39e9ce
commit 2d10b0d
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 21 deletions.
diff --git a/components/dialogs/transfer/bridge-prompt.tsx b/components/dialogs/transfer/bridge-prompt.tsx
@@ -12,21 +12,21 @@ import {
 import { cn } from "@/lib/utils"
 
 export function BridgePrompt({
-  baseToken,
+  token,
   formattedL1Balance,
 }: {
-  baseToken?: Token
+  token?: Token
   formattedL1Balance: string
 }) {
-  if (!baseToken) return null
+  if (!token) return null
   return (
     <Tooltip>
       <TooltipTrigger asChild>
         <a
           className={cn(
             "group flex gap-4 border p-4 transition-colors hover:cursor-pointer hover:border-primary",
           )}
-          href={constructArbitrumBridgeUrl(formattedL1Balance)}
+          href={constructArbitrumBridgeUrl(formattedL1Balance, token.address)}
           rel="noopener noreferrer"
           target="_blank"
         >
@@ -49,7 +49,7 @@ export function BridgePrompt({
       </TooltipTrigger>
       <TooltipContent>
         {`To deposit into Renegade, you must first bridge
-                your ${baseToken.ticker} to Arbitrum`}
+                your ${token.ticker} to Arbitrum`}
       </TooltipContent>
     </Tooltip>
   )

diff --git a/components/dialogs/transfer/default-form.tsx b/components/dialogs/transfer/default-form.tsx
@@ -585,7 +585,7 @@ export function DefaultForm({
 
             <div
               className={cn("flex justify-between", {
-                hidden: !userHasL1Balance || !isDeposit,
+                hidden: !userHasL1Balance || !isDeposit || !l1Token?.address,
               })}
             >
               <div className="flex items-center gap-1 text-sm text-muted-foreground">
@@ -597,26 +597,22 @@ export function DefaultForm({
                 Ethereum
               </div>
               <Tooltip>
-                <TooltipTrigger
-                  asChild
-                  className={cn({
-                    hidden: !userHasL1Balance,
-                  })}
-                >
+                <TooltipTrigger asChild>
                   <Button
                     asChild
                     className="h-5 cursor-pointer p-0 font-mono text-sm"
                     type="button"
                     variant="link"
                   >
                     <a
-                      href={constructArbitrumBridgeUrl(formattedL1Balance)}
+                      href={constructArbitrumBridgeUrl(
+                        formattedL1Balance,
+                        l1Token?.address,
+                      )}
                       rel="noopener noreferrer"
                       target="_blank"
                     >
-                      {baseToken
-                        ? `${l1BalanceLabel} ${baseToken.ticker}`
-                        : "--"}
+                      {l1Token ? `${l1BalanceLabel} ${l1Token.ticker}` : "--"}
                     </a>
                   </Button>
                 </TooltipTrigger>
@@ -631,12 +627,12 @@ export function DefaultForm({
 
             <div
               className={cn({
-                hidden: !userHasL1Balance || !isDeposit,
+                hidden: !userHasL1Balance || !isDeposit || !l1Token?.address,
               })}
             >
               <BridgePrompt
-                baseToken={baseToken}
                 formattedL1Balance={formattedL1Balance}
+                token={l1Token}
               />
             </div>
 

diff --git a/components/dialogs/transfer/helpers.ts b/components/dialogs/transfer/helpers.ts
@@ -92,11 +92,17 @@ export function isMaxBalance({
   }
 }
 
-export function constructArbitrumBridgeUrl(amount: string) {
+export function constructArbitrumBridgeUrl(
+  amount: string,
+  mint?: `0x${string}`,
+) {
   const base = new URL("https://bridge.arbitrum.io/")
   base.searchParams.set("amount", amount)
   base.searchParams.set("destinationChain", "arbitrum-one")
   base.searchParams.set("sourceChain", "ethereum")
+  if (mint) {
+    base.searchParams.set("token", mint)
+  }
 
   return base.toString()
 }
diff --git a/components/dialogs/transfer/usdc-form.tsx b/components/dialogs/transfer/usdc-form.tsx
@@ -780,8 +780,8 @@ export function USDCForm({
               })}
             >
               <BridgePrompt
-                baseToken={baseToken}
                 formattedL1Balance={formattedL1Balance}
+                token={l1Token}
               />
             </div>
 

diff --git a/components/dialogs/transfer/weth-form.tsx b/components/dialogs/transfer/weth-form.tsx
@@ -879,8 +879,8 @@ export function WETHForm({
               })}
             >
               <BridgePrompt
-                baseToken={baseToken}
                 formattedL1Balance={formattedL1Balance}
+                token={l1Token}
               />
             </div>