2fc1386b78
* feat: Channel notification preferences * feedback review * use button color for the icon
87 lines
3.4 KiB
TypeScript
87 lines
3.4 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import React from 'react';
|
|
import {useIntl} from 'react-intl';
|
|
|
|
import FormattedText from '@components/formatted_text';
|
|
import SettingBlock from '@components/settings/block';
|
|
import SettingOption from '@components/settings/option';
|
|
import SettingSeparator from '@components/settings/separator';
|
|
import {useTheme} from '@context/theme';
|
|
import {t} from '@i18n';
|
|
import {makeStyleSheetFromTheme} from '@utils/theme';
|
|
import {typography} from '@utils/typography';
|
|
|
|
const headerText = {
|
|
id: t('notification_settings.send_notification.about'),
|
|
defaultMessage: 'Notify me about...',
|
|
};
|
|
const getStyleSheet = makeStyleSheetFromTheme((theme) => {
|
|
return {
|
|
disabled: {
|
|
color: theme.centerChannelColor,
|
|
paddingHorizontal: 15,
|
|
paddingVertical: 10,
|
|
...typography('Body', 200, 'Regular'),
|
|
},
|
|
};
|
|
});
|
|
|
|
type MobileSendPushProps = {
|
|
pushStatus: UserNotifyPropsPushStatus;
|
|
sendPushNotifications: boolean;
|
|
setMobilePushPref: (status: UserNotifyPropsPushStatus) => void;
|
|
}
|
|
const MobileSendPush = ({sendPushNotifications, pushStatus, setMobilePushPref}: MobileSendPushProps) => {
|
|
const theme = useTheme();
|
|
const styles = getStyleSheet(theme);
|
|
const intl = useIntl();
|
|
|
|
return (
|
|
<SettingBlock
|
|
headerText={headerText}
|
|
>
|
|
{sendPushNotifications &&
|
|
<>
|
|
<SettingOption
|
|
action={setMobilePushPref}
|
|
label={intl.formatMessage({id: 'notification_settings.pushNotification.all_new_messages', defaultMessage: 'All new messages'})}
|
|
selected={pushStatus === 'all'}
|
|
testID='push_notification_settings.all_new_messages.option'
|
|
type='select'
|
|
value='all'
|
|
/>
|
|
<SettingSeparator/>
|
|
<SettingOption
|
|
action={setMobilePushPref}
|
|
label={intl.formatMessage({id: 'notification_settings.pushNotification.mentions_only', defaultMessage: 'Mentions, direct messages only (default)'})}
|
|
selected={pushStatus === 'mention'}
|
|
testID='push_notification_settings.mentions_only.option'
|
|
type='select'
|
|
value='mention'
|
|
/>
|
|
<SettingSeparator/>
|
|
<SettingOption
|
|
action={setMobilePushPref}
|
|
label={intl.formatMessage({id: 'notification_settings.pushNotification.nothing', defaultMessage: 'Nothing'})}
|
|
selected={pushStatus === 'none'}
|
|
testID='push_notification_settings.nothing.option'
|
|
type='select'
|
|
value='none'
|
|
/>
|
|
<SettingSeparator/>
|
|
</>
|
|
}
|
|
{!sendPushNotifications &&
|
|
<FormattedText
|
|
defaultMessage='Push notifications for mobile devices have been disabled by your System Administrator.'
|
|
id='notification_settings.pushNotification.disabled_long'
|
|
style={styles.disabled}
|
|
/>
|
|
}
|
|
</SettingBlock>
|
|
);
|
|
};
|
|
|
|
export default MobileSendPush;
|