58 lines
2.2 KiB
TypeScript
58 lines
2.2 KiB
TypeScript
// Metro module 15734 (f15735).
|
|
import { View } from "react-native";
|
|
import { SafetyHubLinks } from "../SafetyHubConstants";
|
|
import { createStyles } from "../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../_bundle/Module712";
|
|
import { SafeAreaPaddingView } from "../../../components_native/common/SafeAreaView";
|
|
import { IconButton } from "../../../design/components/Button/native/IconButton.native";
|
|
import { intl, t } from "../../../intl/index.native";
|
|
import AuthenticationActionCreators from "../../../actions/AuthenticationActionCreators";
|
|
import Module7699 from "../../../_bundle/Module7699";
|
|
import { Text } from "../../../design/components/Text/native/Text";
|
|
import Linking from "../../../lib/native/Linking";
|
|
import SafetyHubPage from "./SafetyHubPage";
|
|
const useStyles = createStyles({
|
|
container: {
|
|
backgroundColor: Module712.colors.BACKGROUND_BASE_LOW,
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
height: "100%"
|
|
},
|
|
header: {
|
|
backgroundColor: Module712.colors.CONTROL_CRITICAL_PRIMARY_BACKGROUND_DEFAULT,
|
|
flexDirection: "row",
|
|
paddingVertical: Module712.space.PX_8,
|
|
alignItems: "center"
|
|
},
|
|
text: {
|
|
marginRight: Module712.space.PX_8,
|
|
textAlign: "left",
|
|
flexShrink: 1
|
|
},
|
|
link: {
|
|
textDecorationLine: "underline"
|
|
}
|
|
});
|
|
export default function SuspendedUserSafetyHubPage() {
|
|
const styles = useStyles();
|
|
return <SafeAreaPaddingView top right left>
|
|
<View style={styles.container}>
|
|
<View style={styles.header}>
|
|
<IconButton variant="destructive" accessibilityLabel={intl.string(t.cpT0Cq)} onPress={function onPress() {
|
|
AuthenticationActionCreators.closeSuspendedUser();
|
|
}} icon={Module7699} />
|
|
<Text style={styles.text} onPress={function onPress() {
|
|
Linking.openURL(SafetyHubLinks.WARNING_SYSTEM_HELPCENTER_LINK);
|
|
}} variant="text-xs/medium" color="control-critical-primary-text-default">
|
|
{intl.string(t["MG+Bzb"])}
|
|
{" "}
|
|
<Text style={styles.link} variant="text-xs/medium" color="control-critical-primary-text-default">
|
|
{intl.string(t["9JceHN"])}
|
|
</Text>
|
|
</Text>
|
|
</View>
|
|
<SafetyHubPage visible />
|
|
</View>
|
|
</SafeAreaPaddingView>;
|
|
};
|