diff --git a/web/react/components/user_settings.jsx b/web/react/components/user_settings.jsx
index 282fb76813..2a607b3e09 100644
--- a/web/react/components/user_settings.jsx
+++ b/web/react/components/user_settings.jsx
@@ -40,6 +40,7 @@ export default class UserSettings extends React.Component {
user={this.state.user}
activeSection={this.props.activeSection}
updateSection={this.props.updateSection}
+ updateTab={this.props.updateTab}
/>
);
@@ -86,4 +87,4 @@ UserSettings.propTypes = {
activeSection: React.PropTypes.string,
updateSection: React.PropTypes.func,
updateTab: React.PropTypes.func
-};
\ No newline at end of file
+};
diff --git a/web/react/components/user_settings_general.jsx b/web/react/components/user_settings_general.jsx
index ead7ac1d55..f43889f7a3 100644
--- a/web/react/components/user_settings_general.jsx
+++ b/web/react/components/user_settings_general.jsx
@@ -267,6 +267,27 @@ export default class UserSettingsGeneralTab extends React.Component {
);
+ function notifClick(e) {
+ e.preventDefault();
+ this.updateSection('');
+ this.props.updateTab('notifications');
+ }
+
+ let notifLink = (
+
+ Notifications
+
+ );
+
+ let extraInfo = (
+
+ By default, you will receive mention notifications when someone types your first name.
+ Go to {notifLink} settings to change this default.
+
+ );
+
nameSection = (
);
} else {
@@ -326,6 +348,13 @@ export default class UserSettingsGeneralTab extends React.Component {
);
+ let extraInfo = (
+
+ Use Nickname for a name you might be called that is different from your first name and user name.
+ This is most often used when two or more people have similar sounding names and usernames.
+
+ );
+
nicknameSection = (
);
} else {
@@ -375,6 +405,8 @@ export default class UserSettingsGeneralTab extends React.Component {
);
+ let extraInfo = (Pick something easy for teammates to recognize and recall.);
+
usernameSection = (
);
} else {
@@ -524,5 +557,6 @@ export default class UserSettingsGeneralTab extends React.Component {
UserSettingsGeneralTab.propTypes = {
user: React.PropTypes.object,
updateSection: React.PropTypes.func,
+ updateTab: React.PropTypes.func,
activeSection: React.PropTypes.string
};