Fixed: Missing Translates

frontend/src/Indexer/Index/IndexerIndex.tsx

@@ -222,7 +222,11 @@ const IndexerIndex = withScrollPosition((props: IndexerIndexProps) => {
             <PageToolbarSeparator />
 
             <IndexerIndexSelectModeButton
-              label={isSelectMode ? 'Stop Selecting' : 'Select Indexer'}
+              label={
+                isSelectMode
+                  ? translate('StopSelecting')
+                  : translate('SelectIndexer')
+              }
               iconName={isSelectMode ? icons.SERIES_ENDED : icons.CHECK}
               isSelectMode={isSelectMode}
               overflowComponent={IndexerIndexSelectModeMenuItem}
@@ -230,7 +234,7 @@ const IndexerIndex = withScrollPosition((props: IndexerIndexProps) => {
             />
 
             <IndexerIndexSelectAllButton
-              label="SelectAll"
+              label={translate('SelectAll')}
               isSelectMode={isSelectMode}
               overflowComponent={IndexerIndexSelectAllMenuItem}
             />
@@ -245,7 +249,10 @@ const IndexerIndex = withScrollPosition((props: IndexerIndexProps) => {
               optionsComponent={IndexerIndexTableOptions}
               onTableOptionChange={onTableOptionChange}
             >
-              <PageToolbarButton label="Options" iconName={icons.TABLE} />
+              <PageToolbarButton
+                label={translate('Options')}
+                iconName={icons.TABLE}
+              />
             </TableOptionsModalWrapper>
 
             <PageToolbarSeparator />
@@ -276,7 +283,9 @@ const IndexerIndex = withScrollPosition((props: IndexerIndexProps) => {
           >
             {isFetching && !isPopulated ? <LoadingIndicator /> : null}
 
-            {!isFetching && !!error ? <div>Unable to load indexers</div> : null}
+            {!isFetching && !!error ? (
+              <div>{translate('UnableToLoadIndexers')}</div>
+            ) : null}
 
             {isLoaded ? (
               <div className={styles.contentBodyContainer}>

frontend/src/Indexer/Index/Select/IndexerIndexSelectAllButton.tsx

@@ -2,6 +2,7 @@ import React, { useCallback } from 'react';
 import { SelectActionType, useSelect } from 'App/SelectContext';
 import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
 import { icons } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 
 interface IndexerIndexSelectAllButtonProps {
   label: string;
@@ -32,7 +33,7 @@ function IndexerIndexSelectAllButton(props: IndexerIndexSelectAllButtonProps) {
 
   return isSelectMode ? (
     <PageToolbarButton
-      label={allSelected ? 'Unselect All' : 'Select All'}
+      label={allSelected ? translate('UnselectAll') : translate('SelectAll')}
       iconName={icon}
       onPress={onPress}
     />

frontend/src/Indexer/Index/Select/IndexerIndexSelectAllMenuItem.tsx

@@ -2,6 +2,7 @@ import React, { useCallback } from 'react';
 import { SelectActionType, useSelect } from 'App/SelectContext';
 import PageToolbarOverflowMenuItem from 'Components/Page/Toolbar/PageToolbarOverflowMenuItem';
 import { icons } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 
 interface IndexerIndexSelectAllMenuItemProps {
   label: string;
@@ -33,7 +34,7 @@ function IndexerIndexSelectAllMenuItem(
 
   return isSelectMode ? (
     <PageToolbarOverflowMenuItem
-      label={allSelected ? 'Unselect All' : 'Select All'}
+      label={allSelected ? translate('UnselectAll') : translate('SelectAll')}
       iconName={iconName}
       onPress={onPressWrapper}
     />

frontend/src/Indexer/Index/Select/Tags/TagsModalContent.tsx

@@ -14,6 +14,7 @@ import ModalHeader from 'Components/Modal/ModalHeader';
 import { inputTypes, kinds, sizes } from 'Helpers/Props';
 import createAllIndexersSelector from 'Store/Selectors/createAllIndexersSelector';
 import createTagsSelector from 'Store/Selectors/createTagsSelector';
+import translate from 'Utilities/String/translate';
 import styles from './TagsModalContent.css';
 
 interface TagsModalContentProps {
@@ -70,7 +71,7 @@ function TagsModalContent(props: TagsModalContentProps) {
       <ModalBody>
         <Form>
           <FormGroup>
-            <FormLabel>Tags</FormLabel>
+            <FormLabel>{translate('Tags')}</FormLabel>
 
             <FormInputGroup
               type={inputTypes.TAG}
@@ -81,7 +82,7 @@ function TagsModalContent(props: TagsModalContentProps) {
           </FormGroup>
 
           <FormGroup>
-            <FormLabel>Apply Tags</FormLabel>
+            <FormLabel>{translate('ApplyTags')}</FormLabel>
 
             <FormInputGroup
               type={inputTypes.SELECT}
@@ -89,17 +90,17 @@ function TagsModalContent(props: TagsModalContentProps) {
               value={applyTags}
               values={applyTagsOptions}
               helpTexts={[
-                'How to apply tags to the selected series',
-                'Add: Add the tags the existing list of tags',
-                'Remove: Remove the entered tags',
-                'Replace: Replace the tags with the entered tags (enter no tags to clear all tags)',
+                translate('ApplyTagsHelpTexts1'),
+                translate('ApplyTagsHelpTexts2'),
+                translate('ApplyTagsHelpTexts3'),
+                translate('ApplyTagsHelpTexts4'),
               ]}
               onChange={onApplyTagsChange}
             />
           </FormGroup>
 
           <FormGroup>
-            <FormLabel>Result</FormLabel>
+            <FormLabel>{translate('Result')}</FormLabel>
 
             <div className={styles.result}>
               {indexerTags.map((id) => {
@@ -116,7 +117,11 @@ function TagsModalContent(props: TagsModalContentProps) {
                 return (
                   <Label
                     key={tag.id}
-                    title={removeTag ? 'Removing tag' : 'Existing tag'}
+                    title={
+                      removeTag
+                        ? translate('RemoveTagRemovingTag')
+                        : translate('RemoveTagExistingTag')
+                    }
                     kind={removeTag ? kinds.INVERSE : kinds.INFO}
                     size={sizes.LARGE}
                   >
@@ -140,7 +145,7 @@ function TagsModalContent(props: TagsModalContentProps) {
                   return (
                     <Label
                       key={tag.id}
-                      title={'Adding tag'}
+                      title={translate('AddingTag')}
                       kind={kinds.SUCCESS}
                       size={sizes.LARGE}
                     >

frontend/src/Indexer/Index/Table/IndexerIndexTableOptions.tsx

@@ -4,6 +4,7 @@ import FormGroup from 'Components/Form/FormGroup';
 import FormInputGroup from 'Components/Form/FormInputGroup';
 import FormLabel from 'Components/Form/FormLabel';
 import { inputTypes } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 import selectTableOptions from './selectTableOptions';
 
 interface IndexerIndexTableOptionsProps {
@@ -32,13 +33,13 @@ function IndexerIndexTableOptions(props: IndexerIndexTableOptionsProps) {
   return (
     <Fragment>
       <FormGroup>
-        <FormLabel>Show Search</FormLabel>
+        <FormLabel>{translate('ShowSearch')}</FormLabel>
 
         <FormInputGroup
           type={inputTypes.CHECK}
           name="showSearchAction"
           value={showSearchAction}
-          helpText="Show search button on hover"
+          helpText={translate('ShowSearchActionHelpText')}
           onChange={onTableOptionChangeWrapper}
         />
       </FormGroup>

frontend/src/Indexer/Index/Table/IndexerStatusCell.tsx

@@ -33,8 +33,8 @@ function IndexerStatusCell(props: IndexerStatusCellProps) {
   const enableKind = redirect ? kinds.INFO : kinds.SUCCESS;
   const enableIcon = redirect ? icons.REDIRECT : icons.CHECK;
   const enableTitle = redirect
-    ? 'Indexer is Enabled, Redirect is Enabled'
-    : 'Indexer is Enabled';
+    ? translate('EnabledRedirected')
+    : translate('Enabled');
 
   return (
     <Component className={className} {...otherProps}>
@@ -43,7 +43,7 @@ function IndexerStatusCell(props: IndexerStatusCellProps) {
           className={styles.statusIcon}
           kind={enabled ? enableKind : kinds.DEFAULT}
           name={enabled ? enableIcon : icons.BLOCKLIST}
-          title={enabled ? enableTitle : 'Indexer is Disabled'}
+          title={enabled ? enableTitle : translate('EnabledIndexerIsDisabled')}
         />
       }
       {status ? (