chore: changed warning msgs workflow

Author: hugo-heer

src/components/WalletButton.tsx

@@ -17,18 +17,6 @@ export const WalletButton = () => {
 	const { address, isPending, balances, walletWarnings } = useWallet()
 	const buttonLabel = isPending ? "Loading..." : "Connect"
 
-	// Build warning message based on wallet issues
-	const getWarningMessage = () => {
-		const warnings: string[] = []
-		if (walletWarnings.popupAlways) {
-			warnings.push("This wallet triggers a popup on every interaction")
-		}
-		if (walletWarnings.noGetNetworkSupport) {
-			warnings.push("This wallet doesn't support network detection")
-		}
-		return warnings.join(". ")
-	}
-
 	const warningIconStyles = {
 		display: "flex",
 		alignItems: "center",
@@ -164,7 +152,7 @@ export const WalletButton = () => {
 							)}
 						>
 							<div style={{ maxWidth: "15em" }}>
-								{getWarningMessage()}
+								{walletWarnings.messages.join(". ")}
 								{walletWarnings.helpUrl ? ". Click to learn more." : ""}
 							</div>
 						</Tooltip>

src/providers/WalletProvider.tsx

@@ -86,6 +86,7 @@ export interface WalletWarnings {
 	hasWarnings: boolean
 	popupAlways: boolean
 	noGetNetworkSupport: boolean
+	messages: string[]
 	helpUrl?: string
 }
 
@@ -98,17 +99,27 @@ function getWalletWarnings(walletId: string | null): WalletWarnings {
 			hasWarnings: false,
 			popupAlways: false,
 			noGetNetworkSupport: false,
+			messages: [],
 		}
 	}
 
 	const behavior = getWalletBehavior(walletId)
 	const popupAlways = behavior.getAddressBehavior === "popup-always"
 	const noGetNetworkSupport = !behavior.supportsGetNetwork
 
+	const messages: string[] = []
+	if (popupAlways) {
+		messages.push("This wallet triggers a popup on every interaction")
+	}
+	if (noGetNetworkSupport) {
+		messages.push("This wallet doesn't support network detection")
+	}
+
 	return {
 		hasWarnings: popupAlways || noGetNetworkSupport,
 		popupAlways,
 		noGetNetworkSupport,
+		messages,
 		helpUrl: behavior.helpUrl,
 	}
 }
@@ -158,6 +169,7 @@ export const WalletContext = // @ts-ignore
 			hasWarnings: false,
 			popupAlways: false,
 			noGetNetworkSupport: false,
+			messages: [],
 		},
 	})