Add translations to frontend/InteractiveImport

(cherry picked from commit 060b66aa398f7e676b789354361b6fe95a96ff17)

Closes #9027

frontend/src/InteractiveImport/Folder/InteractiveImportSelectFolderModalContent.tsx

@@ -100,7 +100,7 @@ function InteractiveImportSelectFolderModalContent(
   return (
     <ModalContent onModalClose={onModalClose}>
       <ModalHeader>
-        {modalTitle} - {translate('SelectFolder')}
+        {translate('SelectFolderModalTitle', { modalTitle })}
       </ModalHeader>
 
       <ModalBody>

frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.tsx

@@ -118,6 +118,7 @@ const COLUMNS = [
     label: React.createElement(Icon, {
       name: icons.DANGER,
       kind: kinds.DANGER,
+      title: () => translate('Rejections'),
     }),
     isSortable: true,
     isVisible: true,
@@ -242,10 +243,23 @@ function InteractiveImportModalContent(
     useState<string | null>(null);
   const [selectState, setSelectState] = useSelectState();
   const [bulkSelectOptions, setBulkSelectOptions] = useState([
-    { key: 'select', value: translate('SelectDotDot'), disabled: true },
-    { key: 'quality', value: translate('SelectQuality') },
-    { key: 'releaseGroup', value: translate('SelectReleaseGroup') },
-    { key: 'language', value: translate('SelectLanguage') },
+    {
+      key: 'select',
+      value: translate('SelectDropdown'),
+      disabled: true,
+    },
+    {
+      key: 'quality',
+      value: translate('SelectQuality'),
+    },
+    {
+      key: 'releaseGroup',
+      value: translate('SelectReleaseGroup'),
+    },
+    {
+      key: 'language',
+      value: translate('SelectLanguage'),
+    },
   ]);
   const { allSelected, allUnselected, selectedState } = selectState;
   const previousIsDeleting = usePrevious(isDeleting);
@@ -390,7 +404,9 @@ function InteractiveImportModalContent(
     const files: InteractiveImportCommandOptions[] = [];
 
     if (finalImportMode === 'chooseImportMode') {
-      setInteractiveImportErrorMessage('An import mode must be selected');
+      setInteractiveImportErrorMessage(
+        translate('InteractiveImportNoImportMode')
+      );
 
       return;
     }
@@ -403,21 +419,21 @@ function InteractiveImportModalContent(
 
         if (!movie) {
           setInteractiveImportErrorMessage(
-            translate('InteractiveImportErrMovie')
+            translate('InteractiveImportNoMovie')
           );
           return;
         }
 
         if (!quality) {
           setInteractiveImportErrorMessage(
-            translate('InteractiveImportErrQuality')
+            translate('InteractiveImportNoQuality')
           );
           return;
         }
 
         if (!languages) {
           setInteractiveImportErrorMessage(
-            translate('InteractiveImportErrLanguage')
+            translate('InteractiveImportNoLanguage')
           );
           return;
         }
@@ -605,7 +621,7 @@ function InteractiveImportModalContent(
 
   const errorMessage = getErrorMessage(
     error,
-    translate('UnableToLoadManualImportItems')
+    translate('InteractiveImportLoadError')
   );
 
   return (
@@ -685,7 +701,7 @@ function InteractiveImportModalContent(
         ) : null}
 
         {isPopulated && !items.length && !isFetching
-          ? translate('NoVideoFilesFoundSelectedFolder')
+          ? translate('InteractiveImportNoFilesFound')
           : null}
       </ModalBody>
 
@@ -781,8 +797,8 @@ function InteractiveImportModalContent(
         isOpen={isConfirmDeleteModalOpen}
         kind={kinds.DANGER}
         title={translate('DeleteSelectedMovieFiles')}
-        message={translate('DeleteSelectedMovieFilesMessage')}
-        confirmLabel="Delete"
+        message={translate('DeleteSelectedMovieFilesHelpText')}
+        confirmLabel={translate('Delete')}
         onConfirm={onConfirmDelete}
         onCancel={onConfirmDeleteModalClose}
       />

frontend/src/InteractiveImport/Language/SelectLanguageModalContent.tsx

@@ -80,16 +80,14 @@ function SelectLanguageModalContent(props: SelectLanguageModalContentProps) {
   return (
     <ModalContent onModalClose={onModalClose}>
       <ModalHeader>
-        {modalTitle} - {translate('SelectLanguage')}
+        {translate('SelectLanguageModalTitle', { modalTitle })}
       </ModalHeader>
 
       <ModalBody>
         {isFetching ? <LoadingIndicator /> : null}
 
         {!isFetching && error ? (
-          <Alert kind={kinds.DANGER}>
-            {translate('UnableToLoadLanguages')}
-          </Alert>
+          <Alert kind={kinds.DANGER}>{translate('LanguagesLoadError')}</Alert>
         ) : null}
 
         {isPopulated && !error ? (

frontend/src/InteractiveImport/Quality/SelectQualityModalContent.tsx

@@ -131,9 +131,7 @@ function SelectQualityModalContent(props: SelectQualityModalContentProps) {
         {isFetching && <LoadingIndicator />}
 
         {!isFetching && error ? (
-          <Alert kind={kinds.DANGER}>
-            {translate('UnableToLoadQualities')}
-          </Alert>
+          <Alert kind={kinds.DANGER}>{translate('QualitiesLoadError')}</Alert>
         ) : null}
 
         {isPopulated && !error ? (

frontend/src/InteractiveImport/ReleaseGroup/SelectReleaseGroupModalContent.tsx

@@ -39,7 +39,7 @@ function SelectReleaseGroupModalContent(
   return (
     <ModalContent onModalClose={onModalClose}>
       <ModalHeader>
-        {modalTitle} - {translate('SetReleaseGroup')}
+        {translate('SetReleaseGroupModalTitle', { modalTitle })}
       </ModalHeader>
 
       <ModalBody
@@ -62,7 +62,7 @@ function SelectReleaseGroupModalContent(
       </ModalBody>
 
       <ModalFooter>
-        <Button onPress={onModalClose}>Cancel</Button>
+        <Button onPress={onModalClose}>{translate('Cancel')}</Button>
 
         <Button kind={kinds.SUCCESS} onPress={onReleaseGroupSelectWrapper}>
           {translate('SetReleaseGroup')}

frontend/src/MovieFile/Edit/FileEditModalContent.js

@@ -111,7 +111,7 @@ class FileEditModalContent extends Component {
           {
             !isFetching && !!error &&
               <Alert kind={kinds.DANGER}>
-                {translate('UnableToLoadQualities')}
+                {translate('QualitiesLoadError')}
               </Alert>
           }
 

frontend/src/MovieFile/Editor/MovieFileEditorRow.js

@@ -332,7 +332,7 @@ class MovieFileEditorRow extends Component {
           ids={[id]}
           kind={kinds.DANGER}
           title={translate('DeleteSelectedMovieFiles')}
-          message={translate('DeleteSelectedMovieFilesMessage')}
+          message={translate('DeleteSelectedMovieFilesHelpText')}
           confirmLabel={translate('Delete')}
           onConfirm={this.onConfirmDelete}
           onCancel={this.onConfirmDeleteModalClose}

frontend/src/MovieFile/Quality/SelectQualityModalContent.js

@@ -94,7 +94,7 @@ class SelectQualityModalContent extends Component {
           {
             !isFetching && !!error &&
               <Alert kind={kinds.DANGER}>
-                {translate('UnableToLoadQualities')}
+                {translate('QualitiesLoadError')}
               </Alert>
           }