Merge pull request #204 from reservoirprotocol/ted/relay-5443-allow-s…

…etting-default-from-token-in-chain-widget Add defaultExternalChainToken to Chain Widget
reservoirprotocol · Jul 31, 2024 · 17435d6 · 17435d6
2 parents 2cc998d + 87239fa
commit 17435d6
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 12 deletions.
diff --git a/.changeset/tame-spies-smile.md b/.changeset/tame-spies-smile.md
@@ -0,0 +1,5 @@
+---
+'@reservoir0x/relay-kit-ui': patch
+---
+
+Add defaultExternalChainToken to Chain Widget
diff --git a/packages/ui/src/components/widgets/ChainWidget/index.tsx b/packages/ui/src/components/widgets/ChainWidget/index.tsx
@@ -28,6 +28,7 @@ import { PriceImpactTooltip } from '../PriceImpactTooltip.js'
 type ChainWidgetProps = {
   chainId: number
   defaultToken: Token
+  defaultExternalChainToken?: Token
   tokens?: Token[]
   defaultToAddress?: Address
   defaultAmount?: string
@@ -44,6 +45,7 @@ const ChainWidget: FC<ChainWidgetProps> = ({
   chainId,
   tokens,
   defaultToken,
+  defaultExternalChainToken,
   defaultToAddress,
   defaultAmount,
   defaultTradeType,
@@ -70,25 +72,27 @@ const ChainWidget: FC<ChainWidgetProps> = ({
     }
   }, [chainId, defaultToken])
 
+  const defaultFromToken =
+    defaultExternalChainToken ??
+    (chainId !== defaultChainId
+      ? {
+          chainId: defaultChainId,
+          address: zeroAddress,
+          symbol: 'ETH',
+          name: 'ETH',
+          decimals: 18,
+          logoURI: 'https://assets.relay.link/icons/square/1/light.png'
+        }
+      : undefined)
+
   return (
     <SwapWidgetRenderer
       transactionModalOpen={transactionModalOpen}
       defaultAmount={defaultAmount}
       defaultToAddress={defaultToAddress}
       defaultTradeType={defaultTradeType}
       defaultToToken={defaultToken}
-      defaultFromToken={
-        chainId !== defaultChainId
-          ? {
-              chainId: defaultChainId,
-              address: zeroAddress,
-              symbol: 'ETH',
-              name: 'ETH',
-              decimals: 18,
-              logoURI: 'https://assets.relay.link/icons/square/1/light.png'
-            }
-          : undefined
-      }
+      defaultFromToken={defaultFromToken}
       fetchSolverConfig={true}
       onSwapError={onSwapError}
       onAnalyticEvent={onAnalyticEvent}