31 lines
1.6 KiB
TypeScript
31 lines
1.6 KiB
TypeScript
// Metro module 13023 (f13024).
|
|
import { View } from "react-native";
|
|
import { createStyles } from "../../../design/components/Styles/native/createStyles";
|
|
import { intl, t } from "../../../intl/index.native";
|
|
import { isSocialLayerUmbrellaScope } from "../../oauth2/scopes";
|
|
import FastImage from "../../../components_native/common/FastImage";
|
|
import { makeSource } from "../../../utils/AvatarUtils";
|
|
import ActivateDeviceSharedStyles from "./ActivateDeviceSharedStyles";
|
|
import { Text } from "../../../design/components/Text/native/Text";
|
|
import { Button } from "../../../design/components/Button/native/Button.native";
|
|
const useStyles = createStyles({
|
|
image: {
|
|
width: 300,
|
|
height: 200,
|
|
alignSelf: "center"
|
|
}
|
|
});
|
|
export function ActivateDeviceSuccess(props) {
|
|
const { data, onComplete, successImage } = props;
|
|
const styles = useStyles();
|
|
const r15 = data.twoWayLinkCode != null ? intl.string(t.QhATl2) : data.scopes.some((scope) => isSocialLayerUmbrellaScope(scope)) ? intl.string(t.vBPvK3) : null;
|
|
return <>
|
|
{[successImage != null ? <FastImage source={makeSource(successImage)} style={styles.image} resizeMode="contain" /> : null, <View style={ActivateDeviceSharedStyles.innerContent}>
|
|
<Text variant="heading-lg/bold" color="mobile-text-heading-primary" style={ActivateDeviceSharedStyles.centerText}>
|
|
{intl.string(t.qDtJmD)}
|
|
</Text>
|
|
{r15 != null ? <Text variant="text-md/medium" color="text-default" style={ActivateDeviceSharedStyles.centerText}>{r15}</Text> : null}
|
|
</View>, <Button size="lg" text={intl.string(t.cpT0Cq)} onPress={onComplete} grow />]}
|
|
</>;
|
|
}
|