58 lines
2.2 KiB
TypeScript
58 lines
2.2 KiB
TypeScript
// Metro module 9544 (f9545).
|
|
import { Image as Image2, View } from "react-native";
|
|
import { HelpdeskArticles, Fonts } from "../../../Constants";
|
|
import { createStyles } from "../../../design/components/Styles/native/createStyles";
|
|
import TextStyles from "../../rebrand/native/TextStyles";
|
|
import Module712 from "../../../_bundle/Module712";
|
|
import ActionSheetActionCreators from "../../action_sheet/native/ActionSheetActionCreators";
|
|
import { BottomSheet } from "../../../design/components/Sheet/native/BottomSheet.native";
|
|
import { BottomSheetTitleHeader } from "../../../design/components/Sheet/native/BottomSheetTitleHeader.native";
|
|
import { ActionSheetCloseButton } from "../../../design/components/Sheet/native/ActionSheetCloseButton.native";
|
|
import Module9545 from "../../../_bundle/Module9545";
|
|
import { Text } from "../../../design/components/Text/native/Text";
|
|
import { intl, t } from "../../../intl/index.native";
|
|
import HelpdeskUtils from "../../../utils/HelpdeskUtils";
|
|
let useStyles;
|
|
const onClose = function onClose() {
|
|
ActionSheetActionCreators.hideActionSheet();
|
|
};
|
|
useStyles = createStyles({
|
|
title: {
|
|
...TextStyles(Fonts.DISPLAY_EXTRABOLD, Module712.colors.INTERACTIVE_TEXT_ACTIVE, 16),
|
|
marginTop: 8,
|
|
marginBottom: 8
|
|
},
|
|
subtitle: {
|
|
color: Module712.colors.INTERACTIVE_TEXT_ACTIVE,
|
|
textAlign: "center",
|
|
width: 343
|
|
},
|
|
view: {
|
|
paddingTop: 50,
|
|
paddingBottom: 100,
|
|
alignItems: "center"
|
|
},
|
|
rating: {
|
|
width: 116,
|
|
height: 93
|
|
}
|
|
});
|
|
export default function NotificationSurveyResponseActionSheet(props) {
|
|
const header = props.header;
|
|
const styles = useStyles();
|
|
return <BottomSheet>
|
|
{header != null && <BottomSheetTitleHeader title={header} trailing={<ActionSheetCloseButton onPress={onClose} />} />}
|
|
<View style={styles.view}>
|
|
<Image2 style={styles.rating} source={Module9545} />
|
|
<Text style={styles.title} variant="heading-md/bold">
|
|
{intl.string(t["d9+vQ8"])}
|
|
</Text>
|
|
<Text style={styles.subtitle} variant="text-md/normal">
|
|
{intl.format(t.WxD5QY, {
|
|
helpUrl: HelpdeskUtils.getArticleURL(HelpdeskArticles.HIGHLIGHTS_NOTIFICATIONS)
|
|
})}
|
|
</Text>
|
|
</View>
|
|
</BottomSheet>;
|
|
};
|