Fixed: Movie count incorrect in Movie Editor

Fixes #8423

frontend/src/Movie/Index/Select/Edit/EditMoviesModalContent.tsx

@@ -166,7 +166,7 @@ function EditMoviesModalContent(props: EditMoviesModalContentProps) {
 
       <ModalFooter className={styles.modalFooter}>
         <div className={styles.selected}>
-          {translate('MoviesSelectedInterp', selectedCount.toString())}
+          {translate('MoviesSelectedInterp', [selectedCount])}
         </div>
 
         <div>

frontend/src/Movie/Index/Select/MovieIndexSelectFooter.tsx

@@ -181,7 +181,7 @@ function MovieIndexSelectFooter() {
       </div>
 
       <div className={styles.selected}>
-        {translate('MoviesSelectedInterp', selectedCount.toString())}
+        {translate('MoviesSelectedInterp', [selectedCount])}
       </div>
 
       <EditMoviesModal

frontend/src/Utilities/String/translate.js

@@ -1,34 +1,31 @@
-import $ from 'jquery';
+import createAjaxRequest from 'Utilities/createAjaxRequest';
 
 function getTranslations() {
   let localization = null;
   const ajaxOptions = {
     async: false,
-    type: 'GET',
-    global: false,
     dataType: 'json',
-    url: `${window.Radarr.apiRoot}/localization`,
+    url: '/localization',
     success: function(data) {
       localization = data.Strings;
     }
   };
 
-  ajaxOptions.headers = ajaxOptions.headers || {};
-  ajaxOptions.headers['X-Api-Key'] = window.Radarr.apiKey;
+  createAjaxRequest(ajaxOptions);
 
-  $.ajax(ajaxOptions);
   return localization;
 }
 
 const translations = getTranslations();
 
-export default function translate(key, args = '') {
+export default function translate(key, args) {
+  const translation = translations[key] || key;
+
   if (args) {
-    const translatedKey = translate(key);
-    return translatedKey.replace(/\{(\d+)\}/g, (match, index) => {
+    return translation.replace(/\{(\d+)\}/g, (match, index) => {
       return args[index];
     });
   }
 
-  return translations[key] || key;
+  return translation;
 }