Something went wrong. Try again.
An ATproto social media client -- with an independent Appview.
Something went wrong. Try again.
1.3 kB · 43 lines
TSX
at main
1234567891011121314151617181920212223242526272829303132333435363738394041424344import {View} from 'react-native'import {msg, Trans} from '@lingui/macro'import {useLingui} from '@lingui/react'
import {atoms as a, useBreakpoints} from '#/alf'import {Button, ButtonText} from '#/components/Button'import {Text} from '#/components/Typography'import {FormContainer} from './FormContainer'
export const PasswordUpdatedForm = ({ onPressNext,}: { onPressNext: () => void}) => { const {_} = useLingui() const {gtMobile} = useBreakpoints()
return ( <FormContainer testID="passwordUpdatedForm" style={[a.gap_2xl, !gtMobile && a.mt_5xl]}> <Text style={[a.text_3xl, a.font_bold, a.text_center]}> <Trans>Password updated!</Trans> </Text> <Text style={[a.text_center, a.mx_auto, {maxWidth: '80%'}]}> <Trans>You can now sign in with your new password.</Trans> </Text> <View style={[a.flex_row, a.justify_center]}> <Button onPress={onPressNext} label={_(msg`Close alert`)} accessibilityHint={_(msg`Closes password update alert`)} variant="solid" color="primary" size="large"> <ButtonText> <Trans>Okay</Trans> </ButtonText> </Button> </View> </FormContainer> )}