[RN] i18n strings

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 (
     <>
       <View style={styles.header}>

packages/react-native/src/evm/components/ConnectWalletFlow/SmartWallet/SmartWalletFlow.tsx

@@ -145,7 +145,9 @@ export const SmartWalletFlow = ({
           <View style={styles.connectingContainer}>
             <>
               <Text variant="header" mt="lg" textAlign="center">
-                {mismatch ? "Network Mismatch" : "Connecting..."}
+                {mismatch
+                  ? l.smart_wallet.network_mistmach
+                  : `${l.smart_wallet.connecting} ...`}
               </Text>
               {mismatch ? (
                 <Text variant="bodySmallSecondary" mt="lg" textAlign="center">

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",