mirror of https://git.lenooby09.tech/LeNooby09/social-app.git
lenooby09.tech
1import {View} from 'react-native'
2import {msg, Trans} from '@lingui/macro'
3import {useLingui} from '@lingui/react'
4
5import {atoms as a, useBreakpoints} from '#/alf'
6import {Button, ButtonText} from '#/components/Button'
7import {Text} from '#/components/Typography'
8import {FormContainer} from './FormContainer'
9
10export const PasswordUpdatedForm = ({
11 onPressNext,
12}: {
13 onPressNext: () => void
14}) => {
15 const {_} = useLingui()
16 const {gtMobile} = useBreakpoints()
17
18 return (
19 <FormContainer
20 testID="passwordUpdatedForm"
21 style={[a.gap_2xl, !gtMobile && a.mt_5xl]}>
22 <Text style={[a.text_3xl, a.font_semi_bold, a.text_center]}>
23 <Trans>Password updated!</Trans>
24 </Text>
25 <Text style={[a.text_center, a.mx_auto, {maxWidth: '80%'}]}>
26 <Trans>You can now sign in with your new password.</Trans>
27 </Text>
28 <View style={[a.flex_row, a.justify_center]}>
29 <Button
30 onPress={onPressNext}
31 label={_(msg`Close alert`)}
32 accessibilityHint={_(msg`Closes password update alert`)}
33 variant="solid"
34 color="primary"
35 size="large">
36 <ButtonText>
37 <Trans>Okay</Trans>
38 </ButtonText>
39 </Button>
40 </View>
41 </FormContainer>
42 )
43}