mirror of
https://github.com/stablyai/orca.git
synced 2026-11-01 01:27:35 +00:00
OrcaWinandOrcaWin
ccd0829e6f
Moves ~600 strings in the root screens, settings, pairing, onboarding, accounts, agent history, diagnostics, connection status, home and host workspace lists to the translation API, with all ten translations. - Connection verdicts carry an explicit `dialing` flag instead of matching the "…" ending of an English label - Update-failure copy and connection-path accessibility labels are built from data, not by editing translated text - Workspace status names stay the host's labels, as on desktop; transport errors stay English - The stale-key check keeps a plural family while any of its forms is referenced Co-authored-by: OrcaWin <293788423+OrcaWin@users.noreply.github.com>
93 lines
2.7 KiB
TypeScript
93 lines
2.7 KiB
TypeScript
import { useCallback, useEffect, useState } from 'react'
|
|
import { ActivityIndicator, Linking, Pressable, Text, View } from 'react-native'
|
|
import { useLocalSearchParams, useRouter } from 'expo-router'
|
|
import { colors, radii, spacing, typography } from '../src/theme/mobile-theme'
|
|
import { themedStyleSheet } from '../src/theme/themed-styles'
|
|
import { useMobileColorScheme } from '../src/theme/use-mobile-color-scheme'
|
|
import { useMobileTranslation } from '../src/i18n/use-mobile-translation'
|
|
import { extractPairingCodeFromUrl } from '../src/transport/pairing'
|
|
|
|
export default function PairRedirectScreen() {
|
|
useMobileColorScheme()
|
|
const t = useMobileTranslation()
|
|
const router = useRouter()
|
|
const params = useLocalSearchParams<{ code?: string }>()
|
|
const [missingCode, setMissingCode] = useState(false)
|
|
|
|
const goHome = useCallback(() => {
|
|
router.replace('/')
|
|
}, [router])
|
|
|
|
useEffect(() => {
|
|
let disposed = false
|
|
|
|
async function redirectToConfirm() {
|
|
const codeParam = Array.isArray(params.code) ? params.code[0] : params.code
|
|
if (codeParam) {
|
|
router.replace({ pathname: '/pair-confirm', params: { code: codeParam } })
|
|
return
|
|
}
|
|
|
|
const initialUrl = await Linking.getInitialURL().catch(() => null)
|
|
const code = initialUrl ? extractPairingCodeFromUrl(initialUrl) : null
|
|
if (disposed) {
|
|
return
|
|
}
|
|
if (code) {
|
|
router.replace({ pathname: '/pair-confirm', params: { code } })
|
|
return
|
|
}
|
|
setMissingCode(true)
|
|
}
|
|
|
|
void redirectToConfirm()
|
|
return () => {
|
|
disposed = true
|
|
}
|
|
}, [params.code, router])
|
|
|
|
return (
|
|
<View style={styles.container}>
|
|
{missingCode ? (
|
|
<>
|
|
<Text style={styles.errorText}>{t('app.pair.missingCode', 'Missing pairing code')}</Text>
|
|
<Pressable style={styles.primaryButton} onPress={goHome}>
|
|
<Text style={styles.primaryButtonText}>{t('app.pair.backToHome', 'Back to home')}</Text>
|
|
</Pressable>
|
|
</>
|
|
) : (
|
|
<ActivityIndicator size="large" color={colors.textSecondary} />
|
|
)}
|
|
</View>
|
|
)
|
|
}
|
|
|
|
const styles = themedStyleSheet(() => ({
|
|
container: {
|
|
flex: 1,
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
backgroundColor: colors.bgBase,
|
|
padding: spacing.lg
|
|
},
|
|
errorText: {
|
|
color: colors.statusRed,
|
|
fontSize: typography.bodySize,
|
|
lineHeight: 20,
|
|
marginBottom: spacing.xl,
|
|
textAlign: 'center'
|
|
},
|
|
primaryButton: {
|
|
alignItems: 'center',
|
|
backgroundColor: colors.textPrimary,
|
|
borderRadius: radii.button,
|
|
paddingHorizontal: spacing.xl,
|
|
paddingVertical: spacing.sm + 2
|
|
},
|
|
primaryButtonText: {
|
|
color: colors.bgBase,
|
|
fontSize: typography.bodySize,
|
|
fontWeight: '600'
|
|
}
|
|
}))
|