PLT-3793 Re-order languages in Account Settings (#3756)

webapp/components/admin_console/localization_settings.jsx

@@ -25,8 +25,8 @@ export default class LocalizationSettings extends AdminSettings {
         this.state = Object.assign(this.state, {
             hasErrors: false,
             languages: Object.keys(locales).map((l) => {
-                return {value: locales[l].value, text: locales[l].name};
-            })
+                return {value: locales[l].value, text: locales[l].name, order: locales[l].order};
+            }).sort((a, b) => a.order - b.order)
         });
     }
 

webapp/components/user_settings/manage_languages.jsx

@@ -64,20 +64,27 @@ export default class ManageLanguage extends React.Component {
         }
 
         const options = [];
-        const languages = I18n.getLanguages();
-        for (const key in languages) {
-            if (languages.hasOwnProperty(key)) {
-                const lang = languages[key];
-                options.push(
-                    <option
-                        key={lang.value}
-                        value={lang.value}
-                    >
-                        {lang.name}
-                    </option>
-                );
-            }
-        }
+        const locales = I18n.getLanguages();
+
+        const languages = Object.keys(locales).map((l) => {
+            return {
+                value: locales[l].value,
+                name: locales[l].name,
+                order: locales[l].order
+            };
+        }).
+        sort((a, b) => a.order - b.order);
+
+        languages.forEach((lang) => {
+            options.push(
+                <option
+                    key={lang.value}
+                    value={lang.value}
+                >
+                    {lang.name}
+                </option>
+            );
+        });
 
         const input = (
             <div key='changeLanguage'>