68 lines
2.4 KiB
TypeScript
68 lines
2.4 KiB
TypeScript
// Metro module 10327 (f10328).
|
|
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 { intl, t } from "../../../../intl/index.native";
|
|
import StaticChannelIndicator from "../../../channel_list_v2/native/components/StaticChannelIndicator";
|
|
import { TextIcon } from "../../../../design/components/Icon/native/redesign/generated/TextIcon";
|
|
import { Text } from "../../../../design/components/Text/native/Text";
|
|
import { Badge } from "../../../../design/void/native";
|
|
const useStyles = createStyles({
|
|
card: {
|
|
backgroundColor: Module712.colors.BACKGROUND_SURFACE_HIGH,
|
|
overflow: "hidden",
|
|
borderRadius: 10,
|
|
paddingVertical: 8
|
|
},
|
|
channel: {
|
|
display: "flex",
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
paddingVertical: 4,
|
|
justifyContent: "space-between",
|
|
paddingRight: 12
|
|
},
|
|
channelName: {
|
|
display: "flex",
|
|
flexDirection: "row",
|
|
alignItems: "center"
|
|
}
|
|
});
|
|
export default function NotificationSettingsMockChannels(props) {
|
|
const styles = useStyles();
|
|
const r20 = [{
|
|
badged: true,
|
|
unread: true,
|
|
resolvedUnreadSetting: UnreadSetting.ALL_MESSAGES,
|
|
name: intl.string(t.EjLobP)
|
|
}, {
|
|
badged: false,
|
|
unread: true,
|
|
resolvedUnreadSetting: UnreadSetting.ONLY_MENTIONS,
|
|
name: intl.string(t.Wgpwpp)
|
|
}, {
|
|
badged: false,
|
|
unread: false,
|
|
resolvedUnreadSetting: UnreadSetting.ONLY_MENTIONS,
|
|
name: intl.string(t.g9VImh)
|
|
}];
|
|
if (props.unreadSetting === UnreadSetting.ALL_MESSAGES) {
|
|
r20[1].resolvedUnreadSetting = UnreadSetting.ALL_MESSAGES;
|
|
}
|
|
return <View style={styles.card}>
|
|
{r20.map((item) => <View key={item.name} style={styles.channel}>
|
|
<View style={styles.channelName}>
|
|
<StaticChannelIndicator unread={item.unread} resolvedUnreadSetting={item.resolvedUnreadSetting} />
|
|
<TextIcon style={{
|
|
marginLeft: 12
|
|
}} size="xs" color={item.resolvedUnreadSetting === UnreadSetting.ONLY_MENTIONS ? "text-muted" : void 0} />
|
|
<Text style={{
|
|
marginLeft: 4
|
|
}} variant="text-sm/semibold" color={item.resolvedUnreadSetting === UnreadSetting.ONLY_MENTIONS ? "text-muted" : void 0}>{item.name}</Text>
|
|
</View>
|
|
<Badge value={item.badged ? 1 : 0} />
|
|
</View>)}
|
|
</View>;
|
|
};
|