Merge pull request #1157 from ayinde38/feat/issue-1078-i18n-screens

feat(mobile): route HomeScreen through the i18n engine

Author: yosemite01

mobile/src/i18n/locales/ar.ts

@@ -175,6 +175,20 @@ const ar = {
     languageChanged: 'تم تحديث اللغة إلى {{language}}',
     rtlNote: 'تم تفعيل تخطيط اليمين إلى اليسار',
   },
+  home: {
+    greeting: 'مرحبًا، صانع Stellar',
+    subtitle: 'تابع المحافظ الرائجة والطلب على المشاريع وأمّن جلستك عبر الدخول البيومتري.',
+    useBiometrics: 'استخدام البصمة',
+    refresh: 'تحديث',
+    audio: 'الصوت',
+    multiSig: 'التوقيع المتعدد',
+    peerTransfer: 'تحويل بين الأقران',
+    trendingTitle: 'المحافظ الرائجة',
+    trendingCaption: 'مختارة بناءً على أبرز نشاط للمستخدمين.',
+    cachedData: 'بيانات مخزّنة مؤقتًا من {{time}}',
+    loadingAnalytics: 'جارٍ تحميل تحليلات المحفظة…',
+    projectBountyFeed: 'موجز المشاريع والمكافآت',
+  },
 };
 
 export default ar;

mobile/src/i18n/locales/de.ts

@@ -175,6 +175,20 @@ const de = {
     languageChanged: 'Sprache aktualisiert: {{language}}',
     rtlNote: 'Rechts-nach-links-Layout aktiviert',
   },
+  home: {
+    greeting: 'Hallo, Stellar-Creator',
+    subtitle: 'Verfolge angesagte Portfolios und Projektnachfrage und sichere deine Sitzung per biometrischem Zugang.',
+    useBiometrics: 'Biometrie verwenden',
+    refresh: 'Aktualisieren',
+    audio: 'Audio',
+    multiSig: 'Multi-Signatur',
+    peerTransfer: 'Peer-Übertragung',
+    trendingTitle: 'Angesagte Portfolios',
+    trendingCaption: 'Ausgewählt nach der wichtigsten Nutzeraktivität.',
+    cachedData: 'Zwischengespeicherte Daten von {{time}}',
+    loadingAnalytics: 'Portfolio-Analysen werden geladen…',
+    projectBountyFeed: 'Projekt- und Bounty-Feed',
+  },
 };
 
 export default de;

mobile/src/i18n/locales/en.ts

@@ -176,6 +176,20 @@ const en = {
     languageChanged: 'Language updated to {{language}}',
     rtlNote: 'Right-to-left layout enabled',
   },
+  home: {
+    greeting: 'Hello, Stellar Creator',
+    subtitle: 'Track trending portfolios, project demand, and secure your session with biometric access.',
+    useBiometrics: 'Use Biometrics',
+    refresh: 'Refresh',
+    audio: 'Audio',
+    multiSig: 'Multi-Sig',
+    peerTransfer: 'Peer Transfer',
+    trendingTitle: 'Trending portfolios',
+    trendingCaption: 'Selected from top user activity.',
+    cachedData: 'Cached data from {{time}}',
+    loadingAnalytics: 'Loading portfolio analytics…',
+    projectBountyFeed: 'Project & Bounty feed',
+  },
 };
 
 export default en;

mobile/src/i18n/locales/es.ts

@@ -175,6 +175,20 @@ const es = {
     languageChanged: 'Idioma actualizado a {{language}}',
     rtlNote: 'Diseño de derecha a izquierda activado',
   },
+  home: {
+    greeting: 'Hola, creador de Stellar',
+    subtitle: 'Sigue los portafolios en tendencia, la demanda de proyectos y protege tu sesión con acceso biométrico.',
+    useBiometrics: 'Usar biometría',
+    refresh: 'Actualizar',
+    audio: 'Audio',
+    multiSig: 'Multifirma',
+    peerTransfer: 'Transferencia entre pares',
+    trendingTitle: 'Portafolios en tendencia',
+    trendingCaption: 'Seleccionados según la actividad principal de los usuarios.',
+    cachedData: 'Datos en caché de {{time}}',
+    loadingAnalytics: 'Cargando análisis del portafolio…',
+    projectBountyFeed: 'Proyectos y recompensas',
+  },
 };
 
 export default es;

mobile/src/i18n/locales/fr.ts

@@ -175,6 +175,20 @@ const fr = {
     languageChanged: 'Langue mise à jour : {{language}}',
     rtlNote: 'Mise en page droite-à-gauche activée',
   },
+  home: {
+    greeting: 'Bonjour, créateur Stellar',
+    subtitle: 'Suivez les portfolios tendance, la demande de projets et sécurisez votre session par accès biométrique.',
+    useBiometrics: 'Utiliser la biométrie',
+    refresh: 'Actualiser',
+    audio: 'Audio',
+    multiSig: 'Multisignature',
+    peerTransfer: 'Transfert pair à pair',
+    trendingTitle: 'Portfolios tendance',
+    trendingCaption: "Sélectionnés d'après l'activité principale des utilisateurs.",
+    cachedData: 'Données en cache du {{time}}',
+    loadingAnalytics: 'Chargement des analyses du portfolio…',
+    projectBountyFeed: 'Fil des projets et primes',
+  },
 };
 
 export default fr;

mobile/src/screens/HomeScreen.tsx

@@ -14,6 +14,7 @@ import * as Haptics from "expo-haptics";
 import { useNavigation } from "@react-navigation/native";
 import { useRouter } from "expo-router";
 import { useTheme } from "../theme/ThemeProvider";
+import { useI18n } from "../i18n/I18nProvider";
 import { useOfflineData } from "../hooks/useOfflineData";
 import { useInfiniteScroll } from "../hooks/useInfiniteScroll";
 import {
@@ -152,6 +153,7 @@ async function fetchHomeData(): Promise<HomeData> {
 
 export function HomeScreen() {
   const { colors, isDark } = useTheme();
+  const { t } = useI18n();
   const router = useRouter();
   const navigation =
     useNavigation<NativeStackNavigationProp<RootStackParamList>>();
@@ -219,12 +221,12 @@ export function HomeScreen() {
       <View style={styles.section}>
         <View style={styles.sectionHeader}>
           <Text style={[styles.sectionTitle, { color: colors.text }]}>
-            Trending portfolios
+            {t("home.trendingTitle")}
           </Text>
           <Text
             style={[styles.sectionCaption, { color: colors.textSecondary }]}
           >
-            Selected from top user activity.
+            {t("home.trendingCaption")}
           </Text>
         </View>
         <FlatList
@@ -284,44 +286,43 @@ export function HomeScreen() {
         >
           <View>
             <Text style={[styles.title, { color: colors.text }]}>
-              Hello, Stellar Creator
+              {t("home.greeting")}
             </Text>
             <Text style={[styles.subtitle, { color: colors.textSecondary }]}>
-              Track trending portfolios, project demand, and secure your session
-              with biometric access.
+              {t("home.subtitle")}
             </Text>
           </View>
           <View style={styles.heroActions}>
             <ActionButton
-              title="Use Biometrics"
+              title={t("home.useBiometrics")}
               onPress={() => navigation.navigate("BiometricAuth")}
               variant="primary"
               accessibilityLabel="Open biometric authentication screen"
             />
             <ActionButton
-              title="Refresh"
+              title={t("home.refresh")}
               onPress={handleRefresh}
               variant="secondary"
               accessibilityLabel="Refresh home content"
             />
           </View>
           <View style={styles.featureActions}>
             <ActionButton
-              title="Audio"
+              title={t("home.audio")}
               onPress={handleNavigateToAudio}
               variant="secondary"
               style={styles.featureButton}
               accessibilityLabel="Open audio playback screen"
             />
             <ActionButton
-              title="Multi-Sig"
+              title={t("home.multiSig")}
               onPress={handleNavigateToMultiSig}
               variant="secondary"
               style={styles.featureButton}
               accessibilityLabel="Open multi-signature approval screen"
             />
             <ActionButton
-              title="Peer Transfer"
+              title={t("home.peerTransfer")}
               onPress={handleNavigateToP2P}
               variant="secondary"
               style={styles.featureButton}
@@ -341,7 +342,7 @@ export function HomeScreen() {
             ]}
           >
             <Text style={[styles.staleText, { color: colors.warning }]}>
-              Cached data from {cachedAt.toLocaleTimeString()}
+              {t("home.cachedData", { time: cachedAt.toLocaleTimeString() })}
             </Text>
           </View>
         )}
@@ -350,7 +351,7 @@ export function HomeScreen() {
           <View style={styles.loadingWrapper}>
             <ActivityIndicator color={colors.primary} size="large" />
             <Text style={[styles.loadingText, { color: colors.textSecondary }]}>
-              Loading portfolio analytics…
+              {t("home.loadingAnalytics")}
             </Text>
           </View>
         ) : (
@@ -359,7 +360,7 @@ export function HomeScreen() {
             {trendingSection}
             <ProjectBountyList
               items={data?.projectBountyItems ?? []}
-              title="Project & Bounty feed"
+              title={t("home.projectBountyFeed")}
               onSelect={onItemSelect}
             />
           </>