From d3318e799ba46086d19d94c57ca455f4e2651afb Mon Sep 17 00:00:00 2001
From: Ted Palmer <etpalmer17@gmail.com>
Date: Mon, 11 Nov 2024 14:17:35 -0500
Subject: [PATCH 1/2] Hide route selector in fee breakdown in single chain mode

---
 .../src/components/widgets/FeeBreakdown.tsx   | 28 +++++++++++--------
 .../components/widgets/SwapWidget/index.tsx   | 13 +++++----
 2 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/packages/ui/src/components/widgets/FeeBreakdown.tsx b/packages/ui/src/components/widgets/FeeBreakdown.tsx
index b2e330b7e..4ec88bd53 100644
--- a/packages/ui/src/components/widgets/FeeBreakdown.tsx
+++ b/packages/ui/src/components/widgets/FeeBreakdown.tsx
@@ -23,6 +23,7 @@ type Props = Pick<
   | 'canonicalTimeEstimate'
 > & {
   toChain?: RelayChain
+  isSingleChainLocked?: boolean
 }
 
 const formatSwapRate = (rate: number) => {
@@ -40,7 +41,8 @@ const FeeBreakdown: FC<Props> = ({
   useExternalLiquidity,
   setUseExternalLiquidity,
   timeEstimate,
-  canonicalTimeEstimate
+  canonicalTimeEstimate,
+  isSingleChainLocked
 }) => {
   const swapRate = price?.details?.rate
   const originGasFee = feeBreakdown?.breakdown?.find(
@@ -86,16 +88,20 @@ const FeeBreakdown: FC<Props> = ({
         mb: '6px'
       }}
     >
-      <SwapRouteSelector
-        chain={toChain}
-        supportsExternalLiquidity={supportsExternalLiquidity}
-        externalLiquidtySelected={useExternalLiquidity}
-        onExternalLiquidityChange={(selected) => {
-          setUseExternalLiquidity(selected)
-        }}
-        canonicalTimeEstimate={canonicalTimeEstimate?.formattedTime}
-      />
-      <Box css={{ height: 1, background: 'gray5', width: '100%' }} />
+      {!isSingleChainLocked ? (
+        <>
+          <SwapRouteSelector
+            chain={toChain}
+            supportsExternalLiquidity={supportsExternalLiquidity}
+            externalLiquidtySelected={useExternalLiquidity}
+            onExternalLiquidityChange={(selected) => {
+              setUseExternalLiquidity(selected)
+            }}
+            canonicalTimeEstimate={canonicalTimeEstimate?.formattedTime}
+          />
+          <Box css={{ height: 1, background: 'gray5', width: '100%' }} />
+        </>
+      ) : null}
       <Flex
         justify="between"
         css={{
diff --git a/packages/ui/src/components/widgets/SwapWidget/index.tsx b/packages/ui/src/components/widgets/SwapWidget/index.tsx
index 6d8937dfb..0269c3828 100644
--- a/packages/ui/src/components/widgets/SwapWidget/index.tsx
+++ b/packages/ui/src/components/widgets/SwapWidget/index.tsx
@@ -417,9 +417,9 @@ const SwapWidget: FC<SwapWidgetProps> = ({
                           isSingleChainLocked
                             ? [lockChainId]
                             : fromToken?.chainId !== undefined &&
-                                fromToken?.chainId === lockChainId
-                              ? [fromToken?.chainId]
-                              : undefined
+                              fromToken?.chainId === lockChainId
+                            ? [fromToken?.chainId]
+                            : undefined
                         }
                         restrictedTokensList={tokens?.filter(
                           (token) => token.chainId === fromToken?.chainId
@@ -765,9 +765,9 @@ const SwapWidget: FC<SwapWidgetProps> = ({
                           isSingleChainLocked
                             ? [lockChainId]
                             : toToken?.chainId !== undefined &&
-                                toToken?.chainId === lockChainId
-                              ? [toToken?.chainId]
-                              : undefined
+                              toToken?.chainId === lockChainId
+                            ? [toToken?.chainId]
+                            : undefined
                         }
                         restrictedTokensList={tokens?.filter(
                           (token) => token.chainId === toToken?.chainId
@@ -883,6 +883,7 @@ const SwapWidget: FC<SwapWidgetProps> = ({
                       })
                     }}
                     canonicalTimeEstimate={canonicalTimeEstimate}
+                    isSingleChainLocked={isSingleChainLocked}
                   />
                   <WidgetErrorWell
                     hasInsufficientBalance={hasInsufficientBalance}

From fa63f611288d32ec3ae72893c31894d7265b3c34 Mon Sep 17 00:00:00 2001
From: Ted Palmer <etpalmer17@gmail.com>
Date: Mon, 11 Nov 2024 14:17:54 -0500
Subject: [PATCH 2/2] feat: changeset

---
 .changeset/plenty-buckets-act.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/plenty-buckets-act.md

diff --git a/.changeset/plenty-buckets-act.md b/.changeset/plenty-buckets-act.md
new file mode 100644
index 000000000..a5c6942f9
--- /dev/null
+++ b/.changeset/plenty-buckets-act.md
@@ -0,0 +1,5 @@
+---
+'@reservoir0x/relay-kit-ui': patch
+---
+
+Hide route selector in fee breakdown in single chain mode