Files
discord-decomp/modules/notifications/settings/native/NotificationSettingsMessageUnreadActionSheet.tsx
T
2026-11-01 12:12:55 +02:00

51 lines
2.1 KiB
TypeScript

// Metro module 10330 (f10331).
import { View } from "react-native";
import { UnreadSetting } from "../../../read_states/ReadStateConstants";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { BottomSheet } from "../../../../design/components/Sheet/native/BottomSheet.native";
import NotificationSettingsMockChannels from "./NotificationSettingsMockChannels";
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 NotificationSettingsMessageUnreadActionSheet(props) {
const styles = useStyles();
return <BottomSheet startExpanded backgroundStyles={styles.sheet}>
<View style={styles.header}>
<NotificationSettingsMockChannels unreadSetting={props.value} />
</View>
<View style={styles.content}>
<Text variant="text-sm/semibold">
{intl.string(t.Tqd1Af)}
</Text>
<Text variant="text-xs/medium" color="text-muted">
{intl.string(t.RpQgm5)}
</Text>
<View style={styles.form}>
<TableRadioGroup defaultValue={props.value} onChange={props.onChange} hasIcons={false}>
<TableRadioRow label={intl.string(t["HVah/3"])} value={UnreadSetting.ALL_MESSAGES} />
<TableRadioRow subLabel={props.disabledMentionOnlyWithReason} disabled={props.disabledMentionOnlyWithReason != null} label={intl.string(t["tu+ZWJ"])} value={UnreadSetting.ONLY_MENTIONS} />
</TableRadioGroup>
</View>
</View>
</BottomSheet>;
};