[TOOL-3430] SDK: Fix PayEmbed showing a flash of Sign In prompt screen even if user is already signed in

MananTank · MananTank · commit 9b9fa32bfa42 · 2025-02-14T22:02:04.000+05:30
diff --git a/.changeset/warm-eggs-relate.md b/.changeset/warm-eggs-relate.md
@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Fix PayEmbed briefly showing "Sign In" prompt while the login status is not known - show loading indicator instead
diff --git a/packages/thirdweb/src/react/web/ui/ConnectWallet/screens/SignatureScreen.tsx b/packages/thirdweb/src/react/web/ui/ConnectWallet/screens/SignatureScreen.tsx
@@ -69,7 +69,7 @@ export const SignatureScreen: React.FC<{
     }
   }, [onDone, siweAuth]);
 
-  if (!wallet) {
+  if (!wallet || siweAuth.isLoading) {
     return <LoadingScreen data-testid="loading-screen" />;
   }
 

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"thirdweb": patch
 +---
++
 +Fix PayEmbed briefly showing "Sign In" prompt while the login status is not known - show loading indicator instead
Original file line number	Diff line number	Diff line change
`@@ -69,7 +69,7 @@ export const SignatureScreen: React.FC<{`
`69`	`69`	`}`
`70`	`70`	`}, [onDone, siweAuth]);`
`71`	`71`
`72`		`- if (!wallet) {`
	`72`	`+ if (!wallet \|\| siweAuth.isLoading) {`
`73`	`73`	`return <LoadingScreen data-testid="loading-screen" />;`
`74`	`74`	`}`
`75`	`75`