diff options
Diffstat (limited to 'app/assets/javascripts/components/features/notifications/components/column_settings.jsx')
-rw-r--r-- | app/assets/javascripts/components/features/notifications/components/column_settings.jsx | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/app/assets/javascripts/components/features/notifications/components/column_settings.jsx b/app/assets/javascripts/components/features/notifications/components/column_settings.jsx index f1b8ef57f..4e5fe1263 100644 --- a/app/assets/javascripts/components/features/notifications/components/column_settings.jsx +++ b/app/assets/javascripts/components/features/notifications/components/column_settings.jsx @@ -1,9 +1,13 @@ import PureRenderMixin from 'react-addons-pure-render-mixin'; import ImmutablePropTypes from 'react-immutable-proptypes'; -import { FormattedMessage } from 'react-intl'; +import { defineMessages, injectIntl, FormattedMessage } from 'react-intl'; import ColumnCollapsable from '../../../components/column_collapsable'; import SettingToggle from './setting_toggle'; +const messages = defineMessages({ + settings: { id: 'notifications.settings', defaultMessage: 'Column settings' } +}); + const outerStyle = { padding: '15px' }; @@ -30,14 +34,14 @@ const ColumnSettings = React.createClass({ mixins: [PureRenderMixin], render () { - const { settings, onChange, onSave } = this.props; + const { settings, intl, onChange, onSave } = this.props; const alertStr = <FormattedMessage id='notifications.column_settings.alert' defaultMessage='Desktop notifications' />; const showStr = <FormattedMessage id='notifications.column_settings.show' defaultMessage='Show in column' />; const soundStr = <FormattedMessage id='notifications.column_settings.sound' defaultMessage='Play sound' />; return ( - <ColumnCollapsable icon='sliders' fullHeight={616} onCollapse={onSave}> + <ColumnCollapsable icon='sliders' title={intl.formatMessage(messages.settings)} fullHeight={616} onCollapse={onSave}> <div className='column-settings--outer' style={outerStyle}> <span className='column-settings--section' style={sectionStyle}><FormattedMessage id='notifications.column_settings.follow' defaultMessage='New followers:' /></span> @@ -77,4 +81,4 @@ const ColumnSettings = React.createClass({ }); -export default ColumnSettings; +export default injectIntl(ColumnSettings); |