Eric Bailey
bd17f04810
* Add storybook shortcut in dev * Migrate to alg pkg * Migrate font_bold to new font_semi_bold * Migrate font_heavy to font_bold * Fix old theme refs * Remove leading util * Bump * Revert "Add storybook shortcut in dev" This reverts commit 7a86195c77fb5d449c7782e64ebabb6addfab919. * Remove alf script * Adjust font scale * Bump * Bump pkg * Migrate values from conflicts * Create default themes outside react * Use built-in alf utils * Migrate old font styles * Remove unused tokens * Move theme creation to more appropriate file * Update button colors * Adjust TextField colors, line heights
44 lines
1.2 KiB
TypeScript
44 lines
1.2 KiB
TypeScript
import {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_semi_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>
|
|
)
|
|
}
|