PLT-3767 Promote localizations on System Console and Account Settings (#3734)

webapp/components/admin_console/localization_settings.jsx

@@ -6,7 +6,7 @@ import React from 'react';
 import * as I18n from 'i18n/i18n.jsx';
 
 import AdminSettings from './admin_settings.jsx';
-import {FormattedMessage} from 'react-intl';
+import {FormattedMessage, FormattedHTMLMessage} from 'react-intl';
 import SettingsGroup from './settings_group.jsx';
 import DropdownSetting from './dropdown_setting.jsx';
 import MultiSelectSetting from './multiselect_settings.jsx';
@@ -112,9 +112,9 @@ export default class LocalizationSettings extends AdminSettings {
                     selected={this.state.availableLocales}
                     onChange={this.handleChange}
                     helpText={
-                        <FormattedMessage
+                        <FormattedHTMLMessage
                             id='admin.general.localization.availableLocalesDescription'
-                            defaultMessage='Determines which languages are available for users in Account Settings. (Leave it blank to have all supported languages available)'
+                            defaultMessage='Set which languages are available for users in Account Settings (leave this field blank to have all supported languages available).<br /><br />Would like to help with translations? Join the <a href="http://translate.mattermost.com/" target="_blank">Mattermost Translation Server</a> to contribute.'
                         />
                     }
                     noResultText={

webapp/components/user_settings/manage_languages.jsx

@@ -8,7 +8,7 @@ import * as I18n from 'i18n/i18n.jsx';
 import * as GlobalActions from 'actions/global_actions.jsx';
 import Constants from 'utils/constants.jsx';
 
-import {FormattedMessage} from 'react-intl';
+import {FormattedMessage, FormattedHTMLMessage} from 'react-intl';
 
 import React from 'react';
 
@@ -99,6 +99,13 @@ export default class ManageLanguage extends React.Component {
                     </select>
                     {serverError}
                 </div>
+                <div>
+                    <br/>
+                    <FormattedHTMLMessage
+                        id='user.settings.languages.promote'
+                        defaultMessage='Select which language Mattermost displays in the user interface.<br /><br />Would like to help with translations? Join the <a href="http://translate.mattermost.com/" target="_blank">Mattermost Translation Server</a> to contribute.'
+                    />
+                </div>
             </div>
         );