diff --git a/packages/react-native/src/evm/components/ConnectWalletFlow/ConnectingWallet/ConnectingWalletHeader.tsx b/packages/react-native/src/evm/components/ConnectWalletFlow/ConnectingWallet/ConnectingWalletHeader.tsx index 70accf7fc79..d1ab7f4cd7a 100644 --- a/packages/react-native/src/evm/components/ConnectWalletFlow/ConnectingWallet/ConnectingWalletHeader.tsx +++ b/packages/react-native/src/evm/components/ConnectWalletFlow/ConnectingWallet/ConnectingWalletHeader.tsx @@ -1,5 +1,8 @@ import { Icon } from "../../../assets/icon"; -import { useGlobalTheme } from "../../../providers/ui-context-provider"; +import { + useGlobalTheme, + useLocale, +} from "../../../providers/ui-context-provider"; import Text from "../../base/Text"; import { FlexAlignType, StyleSheet, View } from "react-native"; @@ -14,13 +17,20 @@ interface ConnectWalletHeaderProps { export const ConnectWalletHeader = ({ headerText, - subHeaderText = "Connecting your wallet", + subHeaderText, alignHeader = "center", middleContent, onClose, onBackPress, }: ConnectWalletHeaderProps) => { + const l = useLocale(); const theme = useGlobalTheme(); + + subHeaderText = + subHeaderText !== undefined + ? subHeaderText + : l.connecting_wallet.connecting_your_wallet; + return ( <> diff --git a/packages/react-native/src/evm/components/ConnectWalletFlow/SmartWallet/SmartWalletFlow.tsx b/packages/react-native/src/evm/components/ConnectWalletFlow/SmartWallet/SmartWalletFlow.tsx index 09b1109a5e9..e5ad513cbef 100644 --- a/packages/react-native/src/evm/components/ConnectWalletFlow/SmartWallet/SmartWalletFlow.tsx +++ b/packages/react-native/src/evm/components/ConnectWalletFlow/SmartWallet/SmartWalletFlow.tsx @@ -145,7 +145,9 @@ export const SmartWalletFlow = ({ <> - {mismatch ? "Network Mismatch" : "Connecting..."} + {mismatch + ? l.smart_wallet.network_mistmach + : `${l.smart_wallet.connecting} ...`} {mismatch ? ( diff --git a/packages/react-native/src/evm/i18n/types.ts b/packages/react-native/src/evm/i18n/types.ts index d26bdd07432..51c30f5981b 100644 --- a/packages/react-native/src/evm/i18n/types.ts +++ b/packages/react-native/src/evm/i18n/types.ts @@ -72,6 +72,8 @@ export const _en = { smart_wallet: { switch_to_smart: "Switch to Smart Wallet", switch_to_personal: "Switch to Personal Wallet", + network_mistmach: "Network Mismatch", + connecting: "Connecting", }, embedded_wallet: { request_new_code: "Request new code",