Add label translations in columns

frontend/src/InteractiveImport/Episode/SelectEpisodeModalContent.tsx

@@ -25,6 +25,7 @@ import createClientSideCollectionSelector from 'Store/Selectors/createClientSide
 import { CheckInputChanged } from 'typings/inputs';
 import { SelectStateInputProps } from 'typings/props';
 import getErrorMessage from 'Utilities/Object/getErrorMessage';
+import translate from 'Utilities/String/translate';
 import getSelectedIds from 'Utilities/Table/getSelectedIds';
 import SelectEpisodeRow from './SelectEpisodeRow';
 import styles from './SelectEpisodeModalContent.css';
@@ -38,12 +39,12 @@ const columns = [
   },
   {
     name: 'title',
-    label: 'Title',
+    label: () => translate('Title'),
     isVisible: true,
   },
   {
     name: 'airDate',
-    label: 'Air Date',
+    label: () => translate('AirDate'),
     isVisible: true,
   },
 ];

frontend/src/InteractiveImport/Folder/InteractiveImportSelectFolderModalContent.tsx

@@ -25,11 +25,11 @@ import styles from './InteractiveImportSelectFolderModalContent.css';
 const recentFoldersColumns = [
   {
     name: 'folder',
-    label: 'Folder',
+    label: () => translate('Folder'),
   },
   {
     name: 'lastUsed',
-    label: 'Last Used',
+    label: () => translate('LastUsed'),
   },
   {
     name: 'actions',
@@ -100,7 +100,7 @@ function InteractiveImportSelectFolderModalContent(
   return (
     <ModalContent onModalClose={onModalClose}>
       <ModalHeader>
-        {modalTitle} - {translate('Select Folder')}
+        {modalTitle} - {translate('SelectFolder')}
       </ModalHeader>
 
       <ModalBody>
@@ -143,7 +143,7 @@ function InteractiveImportSelectFolderModalContent(
               onPress={onQuickImportPress}
             >
               <Icon className={styles.buttonIcon} name={icons.QUICK} />
-              {translate('Move Automatically')}
+              {translate('MoveAutomatically')}
             </Button>
           </div>
 
@@ -156,7 +156,7 @@ function InteractiveImportSelectFolderModalContent(
               onPress={onInteractiveImportPress}
             >
               <Icon className={styles.buttonIcon} name={icons.INTERACTIVE} />
-              {translate('Interactive Import')}
+              {translate('InteractiveImport')}
             </Button>
           </div>
         </div>

frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.tsx

@@ -59,6 +59,7 @@ import { SortCallback } from 'typings/callbacks';
 import { SelectStateInputProps } from 'typings/props';
 import getErrorMessage from 'Utilities/Object/getErrorMessage';
 import hasDifferentItems from 'Utilities/Object/hasDifferentItems';
+import translate from 'Utilities/String/translate';
 import getSelectedIds from 'Utilities/Table/getSelectedIds';
 import InteractiveImportRow from './InteractiveImportRow';
 import styles from './InteractiveImportModalContent.css';
@@ -82,46 +83,46 @@ type OnSelectedChangeCallback = React.ComponentProps<
 const COLUMNS = [
   {
     name: 'relativePath',
-    label: 'Relative Path',
+    label: () => translate('RelativePath'),
     isSortable: true,
     isVisible: true,
   },
   {
     name: 'series',
-    label: 'Series',
+    label: () => translate('Series'),
     isSortable: true,
     isVisible: true,
   },
   {
     name: 'season',
-    label: 'Season',
+    label: () => translate('Season'),
     isVisible: true,
   },
   {
     name: 'episodes',
-    label: 'Episode(s)',
+    label: () => translate('Episodes'),
     isVisible: true,
   },
   {
     name: 'releaseGroup',
-    label: 'Release Group',
+    label: () => translate('ReleaseGroup'),
     isVisible: true,
   },
   {
     name: 'quality',
-    label: 'Quality',
+    label: () => translate('Quality'),
     isSortable: true,
     isVisible: true,
   },
   {
     name: 'languages',
-    label: 'Languages',
+    label: () => translate('Languages'),
     isSortable: true,
     isVisible: true,
   },
   {
     name: 'size',
-    label: 'Size',
+    label: () => translate('Size'),
     isSortable: true,
     isVisible: true,
   },
@@ -129,7 +130,7 @@ const COLUMNS = [
     name: 'customFormats',
     label: React.createElement(Icon, {
       name: icons.INTERACTIVE,
-      title: 'Custom Format',
+      title: () => translate('CustomFormatScore'),
     }),
     isSortable: true,
     isVisible: true,