50 lines
2.1 KiB
TypeScript
50 lines
2.1 KiB
TypeScript
// Metro module 10324 (f10325).
|
|
import { View } from "react-native";
|
|
import { UserNotificationSettings } from "../../../../Constants";
|
|
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../../_bundle/Module712";
|
|
import { BottomSheet } from "../../../../design/components/Sheet/native/BottomSheet.native";
|
|
import NotificationSettingsMockMessage from "./NotificationSettingsMockMessage";
|
|
import { Text } from "../../../../design/components/Text/native/Text";
|
|
import { intl, t } from "../../../../intl/index.native";
|
|
import { TableRadioGroup } from "../../../../design/components/TableRow/native/TableRadioGroup.native";
|
|
import { TableRadioRow } from "../../../../design/components/TableRow/native/TableRadioRow.native";
|
|
const useStyles = createStyles({
|
|
sheet: {
|
|
backgroundColor: Module712.colors.BACKGROUND_BASE_LOWEST
|
|
},
|
|
header: {
|
|
padding: 24,
|
|
paddingTop: 0
|
|
},
|
|
content: {
|
|
backgroundColor: Module712.colors.BACKGROUND_BASE_LOWER,
|
|
padding: 16
|
|
},
|
|
form: {
|
|
marginTop: 8,
|
|
marginBottom: 16
|
|
}
|
|
});
|
|
export default function NotificationSettingsMessageNotificationActionSheet(props) {
|
|
const styles = useStyles();
|
|
return <BottomSheet startExpanded backgroundStyles={styles.sheet}>
|
|
<View style={styles.header}>
|
|
<NotificationSettingsMockMessage notificationSetting={props.value} />
|
|
</View>
|
|
<View style={styles.content}>
|
|
<Text variant="text-sm/semibold">
|
|
{intl.string(t["1m22ZB"])}
|
|
</Text>
|
|
<Text variant="text-xs/medium" color="text-muted" />
|
|
<View style={styles.form}>
|
|
<TableRadioGroup defaultValue={props.value} onChange={props.onChange} hasIcons={false}>
|
|
<TableRadioRow label={intl.string(t["HVah/3"])} value={UserNotificationSettings.ALL_MESSAGES} subLabel={props.allMessagesSubLabel} />
|
|
<TableRadioRow label={intl.string(t["tu+ZWJ"])} value={UserNotificationSettings.ONLY_MENTIONS} />
|
|
<TableRadioRow label={intl.string(t.X4wWUi)} value={UserNotificationSettings.NO_MESSAGES} />
|
|
</TableRadioGroup>
|
|
</View>
|
|
</View>
|
|
</BottomSheet>;
|
|
};
|