70 lines
2.3 KiB
TypeScript
70 lines
2.3 KiB
TypeScript
// Metro module 9231 (f9232).
|
|
import { Image as Image2, ScrollView, View } from "react-native";
|
|
import { resetChangeEmailStore } from "../../ChangeEmailStore";
|
|
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../../_bundle/Module712";
|
|
import EmailVerificationModalActionCreators from "../../../../actions/native/EmailVerificationModalActionCreators";
|
|
import Module9188 from "../../../../_bundle/Module9188";
|
|
import { Text } from "../../../../design/components/Text/native/Text";
|
|
import { intl, t } from "../../../../intl/index.native";
|
|
import { Button } from "../../../../design/components/Button/native/Button.native";
|
|
let useStyles;
|
|
const handlePress = function handlePress() {
|
|
resetChangeEmailStore();
|
|
EmailVerificationModalActionCreators.close();
|
|
};
|
|
useStyles = createStyles({
|
|
contentContainer: {
|
|
flexGrow: 2,
|
|
paddingHorizontal: Module712.space.PX_16,
|
|
paddingBottom: Module712.space.PX_16,
|
|
gap: 20,
|
|
alignItems: "center"
|
|
},
|
|
image: {
|
|
height: 190,
|
|
width: 220,
|
|
resizeMode: "contain"
|
|
},
|
|
title: {
|
|
textAlign: "center"
|
|
},
|
|
body: {
|
|
textAlign: "center"
|
|
},
|
|
bodyInner: {
|
|
gap: 2
|
|
},
|
|
tooltip: {
|
|
backgroundColor: Module712.colors.BACKGROUND_SURFACE_HIGH,
|
|
width: "100%",
|
|
padding: 12,
|
|
borderWidth: 1,
|
|
borderStyle: "solid",
|
|
borderRadius: Module712.radii.sm,
|
|
borderColor: Module712.colors.BORDER_SUBTLE,
|
|
...Module712.shadows.SHADOW_LOW
|
|
}
|
|
});
|
|
export default function ChangeEmailComplete(props) {
|
|
const email = props.email;
|
|
const styles = useStyles();
|
|
return <ScrollView keyboardShouldPersistTaps="handled" alwaysBounceVertical={false} contentContainerStyle={styles.contentContainer}>
|
|
<Image2 style={styles.image} source={Module9188} />
|
|
<View style={styles.bodyInner}>
|
|
<Text style={styles.title} accessibilityRole="header" variant="heading-xl/extrabold" color="mobile-text-heading-primary">
|
|
{intl.string(t["8O+nF7"])}
|
|
</Text>
|
|
<Text style={styles.body} variant="text-sm/medium" color="text-default">
|
|
{intl.format(t.Zvx0O3, {
|
|
email
|
|
})}
|
|
</Text>
|
|
</View>
|
|
<Text style={styles.tooltip} variant="text-sm/normal">
|
|
{intl.string(t.yb7itQ)}
|
|
</Text>
|
|
<Button text={intl.string(t.BddRzS)} onPress={handlePress} grow />
|
|
</ScrollView>;
|
|
};
|