From 876f6ff46ef0ab7c98a33f4bf259ca6f1c7845aa Mon Sep 17 00:00:00 2001
From: jaybuidl <jb@kleros.io>
Date: Fri, 11 Oct 2024 00:07:42 +0100
Subject: [PATCH] fix: useSwitchChain isLoading -> isPending

---
 web-devtools/src/components/ConnectWallet/index.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/web-devtools/src/components/ConnectWallet/index.tsx b/web-devtools/src/components/ConnectWallet/index.tsx
index bce3ff479..aced96c9f 100644
--- a/web-devtools/src/components/ConnectWallet/index.tsx
+++ b/web-devtools/src/components/ConnectWallet/index.tsx
@@ -8,8 +8,7 @@ import { Button } from "@kleros/ui-components-library";
 import { SUPPORTED_CHAINS, DEFAULT_CHAIN } from "consts/chains";
 
 export const SwitchChainButton: React.FC<{ className?: string }> = ({ className }) => {
-  // TODO isLoading is not documented, but exists in the type, might have changed to isPending
-  const { switchChain, isLoading } = useSwitchChain();
+  const { switchChain, isPending } = useSwitchChain();
   const [, setError] = useState<string | null>(null);
   const handleSwitch = useCallback(() => {
     if (!switchChain) {
@@ -25,8 +24,8 @@ export const SwitchChainButton: React.FC<{ className?: string }> = ({ className
   return (
     <Button
       {...{ className }}
-      isLoading={isLoading}
-      disabled={isLoading}
+      isLoading={isPending}
+      disabled={isPending}
       text={`Switch to ${SUPPORTED_CHAINS[DEFAULT_CHAIN].name}`}
       onClick={handleSwitch}
     />