PLT-7 adding loc feature to preview

web/react/components/user_settings/user_settings_display.jsx

@@ -5,6 +5,7 @@ import {savePreferences} from '../../utils/client.jsx';
 import SettingItemMin from '../setting_item_min.jsx';
 import SettingItemMax from '../setting_item_max.jsx';
 import Constants from '../../utils/constants.jsx';
+const PreReleaseFeatures = Constants.PRE_RELEASE_FEATURES;
 import PreferenceStore from '../../stores/preference_store.jsx';
 import ManageLanguages from './manage_languages.jsx';
 import * as Utils from '../../utils/utils.jsx';
@@ -294,6 +295,7 @@ export default class UserSettingsDisplay extends React.Component {
             );
         }
 
+        if (Utils.isFeatureEnabled(PreReleaseFeatures.LOC_PREVIEW)) {
             if (this.props.activeSection === 'languages') {
                 var inputs = [];
                 inputs.push(
@@ -333,6 +335,7 @@ export default class UserSettingsDisplay extends React.Component {
                     />
                 );
             }
+        }
 
         return (
             <div>
@@ -367,7 +370,6 @@ export default class UserSettingsDisplay extends React.Component {
                     {nameFormatSection}
                     <div className='divider-dark'/>
                     {languagesSection}
-                    <div className='divider-dark'/>
                 </div>
             </div>
         );

web/react/utils/constants.jsx

@@ -451,6 +451,10 @@ export default {
         EMBED_PREVIEW: {
             label: 'embed_preview',
             description: 'Show preview snippet of links below message'
+        },
+        LOC_PREVIEW: {
+            label: 'loc_preview',
+            description: 'Show user language in display settings'
         }
     },
     OVERLAY_TIME_DELAY: 400,