diff --git a/app/scenes/Settings/Notifications.js b/app/scenes/Settings/Notifications.js index 8eeea3bf..06c0682e 100644 --- a/app/scenes/Settings/Notifications.js +++ b/app/scenes/Settings/Notifications.js @@ -6,14 +6,18 @@ import styled from 'styled-components'; import CenteredContent from 'components/CenteredContent'; import PageTitle from 'components/PageTitle'; import HelpText from 'components/HelpText'; +import Input from 'components/Input'; +import Subheading from 'components/Subheading'; import NotificationListItem from './components/NotificationListItem'; import Notice from 'shared/components/Notice'; import UiStore from 'stores/UiStore'; +import AuthStore from 'stores/AuthStore'; import NotificationSettingsStore from 'stores/NotificationSettingsStore'; type Props = { ui: UiStore, + auth: AuthStore, notificationSettings: NotificationSettingsStore, }; @@ -75,8 +79,10 @@ class Notifications extends React.Component { }, 500); render() { - const { notificationSettings } = this.props; + const { notificationSettings, auth } = this.props; const showSuccessNotice = window.location.search === '?success'; + const { user, team } = auth; + if (!team || !user) return null; return ( @@ -90,9 +96,21 @@ class Notifications extends React.Component {

Notifications

- Manage when you receive email notifications from Outline. + Manage when and where you receive email notifications from Outline. + Your email address can be updated in your{' '} + {team.slackConnected ? 'Slack' : 'Google'} account. + + + Notifications + {options.map((option, index) => { if (option.separator) return ; @@ -119,4 +137,4 @@ const Separator = styled.hr` padding-bottom: 12px; `; -export default inject('notificationSettings', 'ui')(Notifications); +export default inject('notificationSettings', 'auth', 'ui')(Notifications);