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