chore(mobile): better internationalization support

Author: lawvs

apps/mobile/src/modules/onboarding/preset.ts

@@ -1,5 +1,4 @@
 import { FeedViewType } from "@follow/constants"
-import { getLocales } from "expo-localization"
 
 import feeds from "./feeds.json"
 import englishFeeds from "./feeds-english.json"
@@ -23,9 +22,5 @@ export const otherPresetFeeds: PresetFeedConfig[] = feeds
     ...feed,
   }))
 
-const locales = getLocales()
-// `getLocales` guaranteed to contain at least 1 element.
-const languageTag = locales[0]?.languageTag || "en-US"
-const isEnglishUser = languageTag.startsWith("en")
-
-export const presetFeeds = isEnglishUser ? englishPresetFeeds : otherPresetFeeds
+export const getPresetFeeds = (isEnglishUser: boolean) =>
+  isEnglishUser ? englishPresetFeeds : otherPresetFeeds

apps/mobile/src/modules/onboarding/step-interests.tsx

@@ -11,17 +11,22 @@ import { subscriptionSyncService } from "@/src/store/subscription/store"
 import { accentColor } from "@/src/theme/colors"
 
 import type { PresetFeedConfig } from "./preset"
-import { presetFeeds } from "./preset"
+import { getPresetFeeds } from "./preset"
 import { OnboardingSectionScreenContainer } from "./shared"
 
 export const StepInterests = () => {
-  const { t } = useTranslation()
-  const [displayFeeds, setDisplayFeeds] = useState<PresetFeedConfig[]>(presetFeeds.slice(0, 7))
+  const { t, i18n } = useTranslation()
+  const isEnglishUser = i18n.language === "en"
+  const [displayFeeds, setDisplayFeeds] = useState<PresetFeedConfig[]>(
+    getPresetFeeds(isEnglishUser).slice(0, 7),
+  )
 
   const shuffleFeeds = useCallback(() => {
+    const presetFeeds = getPresetFeeds(isEnglishUser)
     const shuffled = [...presetFeeds].sort(() => Math.random() - 0.5).slice(0, 7)
     setDisplayFeeds(shuffled)
-  }, [])
+  }, [isEnglishUser])
+
   return (
     <OnboardingSectionScreenContainer>
       <View className="mb-10 flex items-center gap-4">