wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-07-04 09:37:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

Only show digest options when having choice

Browse Source
This commit is contained in:
Chi Vinh Le
2018-03-08 15:17:36 +01:00
parent e8edfa04dd
commit af80d795ad
1 changed files with 34 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/talk-plugin-notifications/client/components/Settings.js
+34 -28
View File
@@ -37,8 +37,15 @@ class Settings extends React.Component {
onChangeDigestFrequency,
} = this.props;
const slotProps = {
queryData: { root },
setTurnOffInputFragment: setTurnOffInputFragment,
updateNotificationSettings: updateNotificationSettings,
disabled: needEmailVerification,
};
return (
<IfSlotIsNotEmpty slot="notificationSettings" queryData={{ root }}>
<IfSlotIsNotEmpty slot="notificationSettings" {...slotProps}>
<div className={styles.root}>
<h3>{t('talk-plugin-notifications.settings_title')}</h3>
<div className={styles.bannerContainer}>
@@ -55,36 +62,35 @@ class Settings extends React.Component {
<Slot
className={styles.notifcationSettingsSlot}
fill="notificationSettings"
queryData={{ root }}
childFactory={this.childFactory}
setTurnOffInputFragment={setTurnOffInputFragment}
updateNotificationSettings={updateNotificationSettings}
disabled={needEmailVerification}
{...slotProps}
/>
</div>
<div className={styles.digest}>
<h4
className={cn(styles.titleDigest, {
[styles.disabled]: disableDigest,
})}
>
{t('talk-plugin-notifications.digest_option')}
</h4>
<Dropdown
className={styles.digestDropDown}
value={digestFrequency}
onChange={onChangeDigestFrequency}
disabled={disableDigest}
>
{digestFrequencyValues.map(v => (
<Option
value={v}
key={v}
label={t(`talk-plugin-notifications.digest_enum.${v}`)}
/>
))}
</Dropdown>
</div>
{digestFrequencyValues.length > 1 && (
<div className={styles.digest}>
<h4
className={cn(styles.titleDigest, {
[styles.disabled]: disableDigest,
})}
>
{t('talk-plugin-notifications.digest_option')}
</h4>
<Dropdown
className={styles.digestDropDown}
value={digestFrequency}
onChange={onChangeDigestFrequency}
disabled={disableDigest}
>
{digestFrequencyValues.map(v => (
<Option
value={v}
key={v}
label={t(`talk-plugin-notifications.digest_enum.${v}`)}
/>
))}
</Dropdown>
</div>
)}
<BareButton
className={styles.turnOffButton}
onClick={turnOffAll}