i18n

src/components/ios-install-prompt.tsx

@@ -1,8 +1,10 @@
 import { useEffect, useState } from 'react'
 import { Box, Paper, Group, Text, ActionIcon } from '@mantine/core'
 import { DownloadIcon, XIcon } from '@phosphor-icons/react'
+import { Trans, useLingui } from '@lingui/react/macro'
 
 export function IOSInstallPrompt() {
+  const { t } = useLingui()
   const [show, setShow] = useState(false)
   const [platform, setPlatform] = useState<'ios' | 'android' | null>(null)
 
@@ -31,8 +33,8 @@ export function IOSInstallPrompt() {
   if (!show || !platform) return null
 
   const instructions = platform === 'ios'
-    ? 'Tap Share → Add to Home Screen'
-    : 'Tap Menu (⋮) → Add to Home screen'
+    ? t`Tap Share → Add to Home Screen`
+    : t`Tap Menu (⋮) → Add to Home screen`
 
   return (
     <Box style={{ position: 'fixed', bottom: 0, left: 0, right: 0, zIndex: 1000, padding: '8px' }}>
@@ -42,7 +44,7 @@ export function IOSInstallPrompt() {
             <DownloadIcon size={20} style={{ flexShrink: 0 }} />
             <Box style={{ flex: 1, minWidth: 0 }}>
               <Text size="sm" fw={500} style={{ lineHeight: 1.3 }}>
-                Please install FLXN • This will save me Twilio credits as you won't be signed out!
+                <Trans>Please install FLXN • This will save me Twilio credits as you won't be signed out!</Trans>
               </Text>
               <Text size="xs" opacity={0.9} style={{ lineHeight: 1.2 }}>
                 {instructions}