diff options
| -rw-r--r-- | src/components/Error.tsx | 25 |
1 files changed, 16 insertions, 9 deletions
diff --git a/src/components/Error.tsx b/src/components/Error.tsx index 1dbf68284..7df166c3f 100644 --- a/src/components/Error.tsx +++ b/src/components/Error.tsx @@ -1,13 +1,15 @@ import React from 'react' +import {View} from 'react-native' +import {useNavigation} from '@react-navigation/core' +import {StackActions} from '@react-navigation/native' +import {msg, Trans} from '@lingui/macro' +import {useLingui} from '@lingui/react' +import {NavigationProp} from 'lib/routes/types' import {CenteredView} from 'view/com/util/Views' import {atoms as a, useBreakpoints, useTheme} from '#/alf' +import {Button, ButtonText} from '#/components/Button' import {Text} from '#/components/Typography' -import {View} from 'react-native' -import {Button} from '#/components/Button' -import {useNavigation} from '@react-navigation/core' -import {NavigationProp} from 'lib/routes/types' -import {StackActions} from '@react-navigation/native' import {router} from '#/routes' export function Error({ @@ -20,6 +22,7 @@ export function Error({ onRetry?: () => unknown }) { const navigation = useNavigation<NavigationProp>() + const {_} = useLingui() const t = useTheme() const {gtMobile} = useBreakpoints() @@ -68,21 +71,25 @@ export function Error({ <Button variant="solid" color="primary" - label="Click here" + label={_(msg`Press to retry`)} onPress={onRetry} size="large" style={[a.rounded_sm, a.overflow_hidden, {paddingVertical: 10}]}> - Retry + <ButtonText> + <Trans>Retry</Trans> + </ButtonText> </Button> )} <Button variant="solid" color={onRetry ? 'secondary' : 'primary'} - label="Click here" + label={_(msg`Return to previous page`)} onPress={onGoBack} size="large" style={[a.rounded_sm, a.overflow_hidden, {paddingVertical: 10}]}> - Go Back + <ButtonText> + <Trans>Go Back</Trans> + </ButtonText> </Button> </View> </CenteredView> |