Fix jumpy ui when changing language

Closes 7070 Spinner at wrong location when changing language

ui/component/settingLanguage/view.jsx

@@ -35,20 +35,22 @@ function SettingLanguage(props: Props) {
 
   return (
     <React.Fragment>
-      {previousLanguage && <Spinner type="small" />}
+      {!previousLanguage && (
+        <FormField
+          name="language_select"
+          type="select"
+          onChange={onLanguageChange}
+          value={language || getDefaultLanguage()}
+        >
+          {sortLanguageMap(SUPPORTED_LANGUAGES).map(([langKey, langName]) => (
+            <option key={langKey} value={langKey}>
+              {langName}
+            </option>
+          ))}
+        </FormField>
+      )}
 
-      <FormField
+      {previousLanguage && <Spinner type="small" />}
-        name="language_select"
-        type="select"
-        onChange={onLanguageChange}
-        value={language || getDefaultLanguage()}
-      >
-        {sortLanguageMap(SUPPORTED_LANGUAGES).map(([langKey, langName]) => (
-          <option key={langKey} value={langKey}>
-            {langName}
-          </option>
-        ))}
-      </FormField>
     </React.Fragment>
   );
 }