Translation update, updating inline div tags and placeHolder attributes

frontend/src/Movie/Details/MovieDetails.js

@@ -581,17 +581,23 @@ class MovieDetails extends Component {
           <div className={styles.contentContainer}>
             {
               !isFetching && movieFilesError &&
-                <div>Loading movie files failed</div>
+                <div>
+                  {translate('LoadingMovieFilesFailed')}
+                </div>
             }
 
             {
               !isFetching && movieCreditsError &&
-                <div>Loading movie credits failed</div>
+                <div>
+                  {translate('LoadingMovieCreditsFailed')}
+                </div>
             }
 
             {
               !isFetching && extraFilesError &&
-                <div>Loading movie extra files failed</div>
+                <div>
+                  {translate('LoadingMovieExtraFilesFailed')}
+                </div>
             }
 
             <Tabs selectedIndex={this.state.tabIndex} onSelect={(tabIndex) => this.setState({ selectedTabIndex: tabIndex })}>

frontend/src/Movie/Editor/Tags/TagsModalContent.js

@@ -94,10 +94,10 @@ class TagsModalContent extends Component {
                 value={applyTags}
                 values={applyTagsOptions}
                 helpTexts={[
-                  'How to apply tags to the selected movies',
-                  '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={this.onInputChange}
               />

frontend/src/Movie/Index/MovieIndexFooter.js

@@ -44,12 +44,16 @@ class MovieIndexFooter extends PureComponent {
         <div>
           <div className={styles.legendItem}>
             <div className={styles.ended} />
-            <div>Downloaded and Monitored</div>
+            <div>
+              {translate('DownloadedAndMonitored')}
+            </div>
           </div>
 
           <div className={styles.legendItem}>
             <div className={styles.availNotMonitored} />
-            <div>Downloaded, but not Monitored</div>
+            <div>
+              {translate('DownloadedButNotMonitored')}
+            </div>
           </div>
 
           <div className={styles.legendItem}>
@@ -58,7 +62,9 @@ class MovieIndexFooter extends PureComponent {
               colorImpairedMode && 'colorImpaired'
             )}
             />
-            <div>Missing, Monitored and considered Available</div>
+            <div>
+              {translate('MissingMonitoredAndConsideredAvailable')}
+            </div>
           </div>
 
           <div className={styles.legendItem}>
@@ -67,12 +73,16 @@ class MovieIndexFooter extends PureComponent {
               colorImpairedMode && 'colorImpaired'
             )}
             />
-            <div>Missing, not Monitored</div>
+            <div>
+              {translate('MissingNotMonitored')}
+            </div>
           </div>
 
           <div className={styles.legendItem}>
             <div className={styles.continuing} />
-            <div>Unreleased</div>
+            <div>
+              {translate('Unreleased')}
+            </div>
           </div>
         </div>