fix: useSwitchChain isLoading -> isPending

kleros · Oct 10, 2024 · 876f6ff · 876f6ff
1 parent 3fbb460
commit 876f6ff
Showing 1 changed file with 3 additions and 4 deletions.
diff --git 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}
     />