Fix translations for columns

frontend/src/AlbumStudio/AlbumStudio.js

@@ -32,13 +32,13 @@ const columns = [
   },
   {
     name: 'sortName',
-    label: translate('Name'),
+    label: () => translate('Name'),
     isSortable: true,
     isVisible: true
   },
   {
     name: 'albumCount',
-    label: translate('Albums'),
+    label: () => translate('Albums'),
     isSortable: false,
     isVisible: true
   }

frontend/src/AlbumStudio/AlbumStudioTableHeader.js

@@ -42,7 +42,7 @@ function AlbumStudioTableHeader(props) {
               isSortable={isSortable}
               {...otherProps}
             >
-              {label}
+              {typeof label === 'function' ? label() : label}
             </VirtualTableHeaderCell>
           );
         })

frontend/src/Artist/History/ArtistHistoryModalContent.js

@@ -21,27 +21,27 @@ const columns = [
   },
   {
     name: 'album',
-    label: translate('Album'),
+    label: () => translate('Album'),
     isVisible: true
   },
   {
     name: 'sourceTitle',
-    label: translate('SourceTitle'),
+    label: () => translate('SourceTitle'),
     isVisible: true
   },
   {
     name: 'quality',
-    label: translate('Quality'),
+    label: () => translate('Quality'),
     isVisible: true
   },
   {
     name: 'date',
-    label: translate('Date'),
+    label: () => translate('Date'),
     isVisible: true
   },
   {
     name: 'details',
-    label: translate('Details'),
+    label: () => translate('Details'),
     isVisible: true
   },
   {
@@ -55,7 +55,7 @@ const columns = [
   },
   {
     name: 'actions',
-    label: translate('Actions'),
+    label: () => translate('Actions'),
     isVisible: true
   }
 ];

frontend/src/Artist/Index/Table/ArtistIndexHeader.js

@@ -68,7 +68,7 @@ function ArtistIndexHeader(props) {
               isSortable={isSortable}
               {...otherProps}
             >
-              {label}
+              {typeof label === 'function' ? label() : label}
             </VirtualTableHeaderCell>
           );
         })

frontend/src/Components/FileBrowser/FileBrowserModalContent.js

@@ -20,12 +20,12 @@ import styles from './FileBrowserModalContent.css';
 const columns = [
   {
     name: 'type',
-    label: translate('Type'),
+    label: () => translate('Type'),
     isVisible: true
   },
   {
     name: 'name',
-    label: translate('Name'),
+    label: () => translate('Name'),
     isVisible: true
   }
 ];

frontend/src/Components/Form/PlaylistInput.js

@@ -17,7 +17,7 @@ import styles from './PlaylistInput.css';
 const columns = [
   {
     name: 'name',
-    label: translate('Playlist'),
+    label: () => translate('Playlist'),
     isSortable: false,
     isVisible: true
   }

frontend/src/InteractiveImport/Album/SelectAlbumModalContent.js

@@ -18,22 +18,22 @@ import styles from './SelectAlbumModalContent.css';
 const columns = [
   {
     name: 'title',
-    label: translate('AlbumTitle'),
+    label: () => translate('AlbumTitle'),
     isVisible: true
   },
   {
     name: 'albumType',
-    label: translate('AlbumType'),
+    label: () => translate('AlbumType'),
     isVisible: true
   },
   {
     name: 'releaseDate',
-    label: translate('ReleaseDate'),
+    label: () => translate('ReleaseDate'),
     isVisible: true
   },
   {
     name: 'status',
-    label: translate('AlbumStatus'),
+    label: () => translate('AlbumStatus'),
     isVisible: true
   }
 ];

frontend/src/InteractiveImport/AlbumRelease/SelectAlbumReleaseModalContent.js

@@ -17,12 +17,12 @@ import styles from './SelectAlbumReleaseModalContent.css';
 const columns = [
   {
     name: 'album',
-    label: translate('Album'),
+    label: () => translate('Album'),
     isVisible: true
   },
   {
     name: 'release',
-    label: translate('AlbumRelease'),
+    label: () => translate('AlbumRelease'),
     isVisible: true
   }
 ];

frontend/src/InteractiveImport/Folder/InteractiveImportSelectFolderModalContent.js

@@ -17,11 +17,11 @@ import styles from './InteractiveImportSelectFolderModalContent.css';
 const recentFoldersColumns = [
   {
     name: 'folder',
-    label: translate('Folder')
+    label: () => translate('Folder')
   },
   {
     name: 'lastUsed',
-    label: translate('LastUsed')
+    label: () => translate('LastUsed')
   },
   {
     name: 'actions',

frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.js

@@ -33,40 +33,40 @@ import styles from './InteractiveImportModalContent.css';
 const columns = [
   {
     name: 'path',
-    label: translate('Path'),
+    label: () => translate('Path'),
     isSortable: true,
     isVisible: true
   },
   {
     name: 'artist',
-    label: translate('Artist'),
+    label: () => translate('Artist'),
     isSortable: true,
     isVisible: true
   },
   {
     name: 'album',
-    label: translate('Album'),
+    label: () => translate('Album'),
     isVisible: true
   },
   {
     name: 'tracks',
-    label: translate('Tracks'),
+    label: () => translate('Tracks'),
     isVisible: true
   },
   {
     name: 'releaseGroup',
-    label: translate('ReleaseGroup'),
+    label: () => translate('ReleaseGroup'),
     isVisible: true
   },
   {
     name: 'quality',
-    label: translate('Quality'),
+    label: () => translate('Quality'),
     isSortable: true,
     isVisible: true
   },
   {
     name: 'size',
-    label: translate('Size'),
+    label: () => translate('Size'),
     isSortable: true,
     isVisible: true
   },
@@ -96,9 +96,9 @@ const filterExistingFilesOptions = {
 };
 
 const importModeOptions = [
-  { key: 'chooseImportMode', value: translate('ChooseImportMethod'), disabled: true },
-  { key: 'move', value: translate('MoveFiles') },
-  { key: 'copy', value: translate('HardlinkCopyFiles') }
+  { key: 'chooseImportMode', value: () => translate('ChooseImportMethod'), disabled: true },
+  { key: 'move', value: () => translate('MoveFiles') },
+  { key: 'copy', value: () => translate('HardlinkCopyFiles') }
 ];
 
 const SELECT = 'select';

frontend/src/InteractiveImport/Track/SelectTrackModalContent.js

@@ -21,7 +21,7 @@ import SelectTrackRow from './SelectTrackRow';
 const columns = [
   {
     name: 'mediumNumber',
-    label: translate('Medium'),
+    label: () => translate('Medium'),
     isSortable: true,
     isVisible: true
   },
@@ -33,12 +33,12 @@ const columns = [
   },
   {
     name: 'title',
-    label: translate('Title'),
+    label: () => translate('Title'),
     isVisible: true
   },
   {
     name: 'trackStatus',
-    label: translate('Status'),
+    label: () => translate('Status'),
     isVisible: true
   }
 ];

frontend/src/InteractiveSearch/InteractiveSearch.js

@@ -16,43 +16,43 @@ import styles from './InteractiveSearch.css';
 const columns = [
   {
     name: 'protocol',
-    label: translate('Source'),
+    label: () => translate('Source'),
     isSortable: true,
     isVisible: true
   },
   {
     name: 'age',
-    label: translate('Age'),
+    label: () => translate('Age'),
     isSortable: true,
     isVisible: true
   },
   {
     name: 'title',
-    label: translate('Title'),
+    label: () => translate('Title'),
     isSortable: true,
     isVisible: true
   },
   {
     name: 'indexer',
-    label: translate('Indexer'),
+    label: () => translate('Indexer'),
     isSortable: true,
     isVisible: true
   },
   {
     name: 'size',
-    label: translate('Size'),
+    label: () => translate('Size'),
     isSortable: true,
     isVisible: true
   },
   {
     name: 'peers',
-    label: translate('Peers'),
+    label: () => translate('Peers'),
     isSortable: true,
     isVisible: true
   },
   {
     name: 'qualityWeight',
-    label: translate('Quality'),
+    label: () => translate('Quality'),
     isSortable: true,
     isVisible: true
   },

frontend/src/Search/Common/AddArtistOptionsForm.js

@@ -171,7 +171,7 @@ class AddArtistOptionsForm extends Component {
 AddArtistOptionsForm.propTypes = {
   rootFolderPath: PropTypes.object,
   monitor: PropTypes.object.isRequired,
-  monitorNewItems: PropTypes.string.isRequired,
+  monitorNewItems: PropTypes.object.isRequired,
   qualityProfileId: PropTypes.object,
   metadataProfileId: PropTypes.object,
   showMetadataProfile: PropTypes.bool.isRequired,

frontend/src/Settings/MediaManagement/MediaManagement.js

@@ -16,26 +16,81 @@ import NamingConnector from './Naming/NamingConnector';
 import RootFoldersConnector from './RootFolder/RootFoldersConnector';
 
 const rescanAfterRefreshOptions = [
-  { key: 'always', value: translate('Always') },
-  { key: 'afterManual', value: translate('AfterManualRefresh') },
-  { key: 'never', value: translate('Never') }
+  {
+    key: 'always',
+    get value() {
+      return translate('Always');
+    }
+  },
+  {
+    key: 'afterManual',
+    get value() {
+      return translate('AfterManualRefresh');
+    }
+  },
+  {
+    key: 'never',
+    get value() {
+      return translate('Never');
+    }
+  }
 ];
 
 const allowFingerprintingOptions = [
-  { key: 'allFiles', value: translate('Always') },
-  { key: 'newFiles', value: translate('ForNewImportsOnly') },
-  { key: 'never', value: translate('Never') }
+  {
+    key: 'allFiles',
+    get value() {
+      return translate('Always');
+    }
+  },
+  {
+    key: 'newFiles',
+    get value() {
+      return translate('ForNewImportsOnly');
+    }
+  },
+  {
+    key: 'never',
+    get value() {
+      return translate('Never');
+    }
+  }
 ];
 
 const downloadPropersAndRepacksOptions = [
-  { key: 'preferAndUpgrade', value: translate('PreferAndUpgrade') },
-  { key: 'doNotUpgrade', value: translate('DoNotUpgradeAutomatically') },
-  { key: 'doNotPrefer', value: translate('DoNotPrefer') }
+  {
+    key: 'preferAndUpgrade',
+    get value() {
+      return translate('PreferAndUpgrade');
+    }
+  },
+  {
+    key: 'doNotUpgrade',
+    get value() {
+      return translate('DoNotUpgradeAutomatically');
+    }
+  },
+  {
+    key: 'doNotPrefer',
+    get value() {
+      return translate('DoNotPrefer');
+    }
+  }
 ];
 
 const fileDateOptions = [
-  { key: 'none', value: translate('None') },
-  { key: 'albumReleaseDate', value: translate('AlbumReleaseDate') }
+  {
+    key: 'none',
+    get value() {
+      return translate('None');
+    }
+  },
+  {
+    key: 'albumReleaseDate',
+    get value() {
+      return translate('AlbumReleaseDate');
+    }
+  }
 ];
 
 class MediaManagement extends Component {

frontend/src/Settings/Profiles/Delay/EditDelayProfileModalContent.js

@@ -18,10 +18,30 @@ import translate from 'Utilities/String/translate';
 import styles from './EditDelayProfileModalContent.css';
 
 const protocolOptions = [
-  { key: 'preferUsenet', value: translate('PreferUsenet') },
-  { key: 'preferTorrent', value: translate('PreferTorrent') },
-  { key: 'onlyUsenet', value: translate('OnlyUsenet') },
-  { key: 'onlyTorrent', value: translate('OnlyTorrent') }
+  {
+    key: 'preferUsenet',
+    get value() {
+      return translate('PreferUsenet');
+    }
+  },
+  {
+    key: 'preferTorrent',
+    get value() {
+      return translate('PreferTorrent');
+    }
+  },
+  {
+    key: 'onlyUsenet',
+    get value() {
+      return translate('OnlyUsenet');
+    }
+  },
+  {
+    key: 'onlyTorrent',
+    get value() {
+      return translate('OnlyTorrent');
+    }
+  }
 ];
 
 function EditDelayProfileModalContent(props) {

frontend/src/TrackFile/Editor/TrackFileEditorModalContent.js

@@ -25,17 +25,17 @@ import styles from './TrackFileEditorModalContent.css';
 const columns = [
   {
     name: 'trackNumber',
-    label: translate('Track'),
+    label: () => translate('Track'),
     isVisible: true
   },
   {
     name: 'path',
-    label: translate('Path'),
+    label: () => translate('Path'),
     isVisible: true
   },
   {
     name: 'quality',
-    label: translate('Quality'),
+    label: () => translate('Quality'),
     isVisible: true
   }
 ];

frontend/src/UnmappedFiles/UnmappedFilesTableHeader.js

@@ -75,7 +75,7 @@ function UnmappedFilesTableHeader(props) {
               isSortable={isSortable}
               {...otherProps}
             >
-              {label}
+              {typeof label === 'function' ? label() : label}
             </VirtualTableHeaderCell>
           );
         })

frontend/src/Utilities/Artist/monitorNewItemsOptions.js

@@ -1,9 +1,24 @@
 import translate from 'Utilities/String/translate';
 
 const monitorNewItemsOptions = [
-  { key: 'all', value: translate('AllAlbums') },
-  { key: 'none', value: translate('None') },
-  { key: 'new', value: translate('New') }
+  {
+    key: 'all',
+    get value() {
+      return translate('AllAlbums');
+    }
+  },
+  {
+    key: 'none',
+    get value() {
+      return translate('None');
+    }
+  },
+  {
+    key: 'new',
+    get value() {
+      return translate('New');
+    }
+  }
 ];
 
 export default monitorNewItemsOptions;