fix: disable ActionButton whilst awaiting wallet action (#335)

Uniswap · Dec 10, 2022 · 6532f84 · 6532f84 · vercel · Dec 10, 2022
1 parent c0740fb
commit 6532f84
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/components/Swap/SwapActionButton/SwitchChainButton.tsx b/src/components/Swap/SwapActionButton/SwitchChainButton.tsx
@@ -35,10 +35,13 @@ export default function ChainSwitchButton({ color, chainId }: { color: keyof Col
         : {
             message: <Trans>Switch network</Trans>,
             onClick: onSwitchChain,
-            children: <Trans>Switch</Trans>,
           },
     [account, isPending, onSwitchChain]
   )
 
-  return <ActionButton color={color} action={actionProps} />
+  return (
+    <ActionButton color={color} disabled={isPending} action={actionProps}>
+      <Trans>Switch</Trans>
+    </ActionButton>
+  )
 }
diff --git a/src/components/Swap/SwapActionButton/WrapButton.tsx b/src/components/Swap/SwapActionButton/WrapButton.tsx
@@ -56,7 +56,7 @@ export default function WrapButton({
   )
 
   return (
-    <ActionButton color={color} {...actionProps} disabled={disabled}>
+    <ActionButton color={color} {...actionProps} disabled={disabled || isPending}>
       <Trans>
         {wrapType === TransactionType.WRAP ? 'Wrap' : 'Unwrap'} {inputCurrency?.symbol}
       </Trans>