Fixed: Invalid audio language leading to UI error

(cherry picked from commit 8fbbe21d814ccdeda7727b5fb83f99ea81f5b225)

frontend/src/MovieFile/MediaInfo.js

@@ -9,7 +9,7 @@ function formatLanguages(languages) {
     return null;
   }
 
-  const splitLanguages = _.uniq(languages.split('/')).map((l) => getLanguageName(l));
+  const splitLanguages = _.uniq(languages.split('/')).map((l) => getLanguageName(l.split('_')[0]));
 
   if (splitLanguages.length > 3) {
     return (

frontend/src/Utilities/String/getLanguageName.js

@@ -1,27 +0,0 @@
-import createAjaxRequest from 'Utilities/createAjaxRequest';
-
-function getTranslations() {
-  return createAjaxRequest({
-    global: false,
-    dataType: 'json',
-    url: '/localization/language'
-  }).request;
-}
-
-let languageNames = new Intl.DisplayNames(['en'], { type: 'language' });
-
-getTranslations().then((data) => {
-  const names = new Intl.DisplayNames([data.identifier], { type: 'language' });
-
-  if (names) {
-    languageNames = names;
-  }
-});
-
-export default function getLanguageName(code) {
-  if (!languageNames) {
-    return code;
-  }
-
-  return languageNames.of(code) ?? code;
-}

frontend/src/Utilities/String/getLanguageName.ts

@@ -0,0 +1,41 @@
+import createAjaxRequest from 'Utilities/createAjaxRequest';
+
+interface LanguageResponse {
+  identifier: string;
+}
+
+function getLanguage() {
+  return createAjaxRequest({
+    global: false,
+    dataType: 'json',
+    url: '/localization/language',
+  }).request;
+}
+
+function getDisplayName(code: string) {
+  return Intl.DisplayNames
+    ? new Intl.DisplayNames([code], { type: 'language' })
+    : null;
+}
+
+let languageNames = getDisplayName('en');
+
+getLanguage().then((data: LanguageResponse) => {
+  const names = getDisplayName(data.identifier);
+
+  if (names) {
+    languageNames = names;
+  }
+});
+
+export default function getLanguageName(code: string) {
+  if (!languageNames) {
+    return code;
+  }
+
+  try {
+    return languageNames.of(code) ?? code;
+  } catch (error) {
+    return code;
+  }
+}