SDK: Signature screen loading state improvements (#6849)

Author: MananTank

.changeset/fast-bushes-juggle.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Signature Screen loading state improvements

packages/thirdweb/src/react/core/hooks/auth/useSiweAuth.ts

@@ -148,5 +148,6 @@ export function useSiweAuth(
     // checking if logged in
     isLoggedIn: isLoggedInQuery.data,
     isLoading: isLoggedInQuery.isFetching,
+    isPending: isLoggedInQuery.isPending,
   };
 }

packages/thirdweb/src/react/web/ui/ConnectWallet/ConnectButton.tsx

@@ -479,7 +479,7 @@ function ConnectButtonInner(
   if (siweAuth.requiresAuth) {
     // loading state if loading
     // TODO: figure out a way to consolidate the loading states with the ones from locale loading
-    if (siweAuth.isLoading || siweAuth.isLoggingIn || siweAuth.isLoggingOut) {
+    if (siweAuth.isPending || siweAuth.isLoggingIn || siweAuth.isLoggingOut) {
       const combinedClassName = `${props.connectButton?.className || ""} ${TW_CONNECT_WALLET}`;
       return (
         <AnimatedButton

packages/thirdweb/src/react/web/ui/ConnectWallet/screens/SignatureScreen.tsx

@@ -71,7 +71,7 @@ export const SignatureScreen: React.FC<{
     }
   }, [onDone, siweAuth]);
 
-  if (!wallet || siweAuth.isLoading) {
+  if (!wallet || siweAuth.isPending) {
     return <LoadingScreen data-testid="loading-screen" />;
   }