diff --git a/app/assets/javascripts/components/features/notifications/components/clear_column_button.jsx b/app/assets/javascripts/components/features/notifications/components/clear_column_button.jsx
index 6aa9d1efa..62c3e61e0 100644
--- a/app/assets/javascripts/components/features/notifications/components/clear_column_button.jsx
+++ b/app/assets/javascripts/components/features/notifications/components/clear_column_button.jsx
@@ -1,3 +1,9 @@
+import { defineMessages, injectIntl } from 'react-intl';
+
+const messages = defineMessages({
+ clear: { id: 'notifications.clear', defaultMessage: 'Clear notifications' }
+});
+
const iconStyle = {
fontSize: '16px',
padding: '15px',
@@ -8,14 +14,22 @@ const iconStyle = {
zIndex: '2'
};
-const ClearColumnButton = ({ onClick }) => (
-
-
-
-);
+const ClearColumnButton = React.createClass({
-ClearColumnButton.propTypes = {
- onClick: React.PropTypes.func.isRequired
-};
+ propTypes: {
+ onClick: React.PropTypes.func.isRequired,
+ intl: React.PropTypes.object.isRequired
+ },
-export default ClearColumnButton;
+ render () {
+ const { intl } = this.props;
+
+ return (
+
+
+
+ );
+ }
+})
+
+export default injectIntl(ClearColumnButton);
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 =
;
const showStr =
;
const soundStr =
;
return (
-
+
@@ -77,4 +81,4 @@ const ColumnSettings = React.createClass({
});
-export default ColumnSettings;
+export default injectIntl(ColumnSettings);