New: HealthCheck and Status for Movies Deleted from TMDb

frontend/src/Movie/Index/Table/MovieIndexRow.js

@@ -13,7 +13,7 @@ import MovieTitleLink from 'Movie/MovieTitleLink';
 import EditMovieModalConnector from 'Movie/Edit/EditMovieModalConnector';
 import DeleteMovieModal from 'Movie/Delete/DeleteMovieModal';
 import MovieStatusCell from './MovieStatusCell';
-import MovieStatusConnector from 'Movie/MovieStatusConnector';
+import MovieFileStatusConnector from 'Movie/MovieFileStatusConnector';
 import VirtualTableSelectCell from 'Components/Table/Cells/VirtualTableSelectCell';
 import styles from './MovieIndexRow.css';
 
@@ -278,7 +278,7 @@ class MovieIndexRow extends Component {
                   key={name}
                   className={styles[name]}
                 >
-                  <MovieStatusConnector
+                  <MovieFileStatusConnector
                     movieId={id}
                   />
                 </VirtualTableRowCell>

frontend/src/Movie/Index/Table/MovieStatusCell.js

@@ -3,6 +3,7 @@ import React from 'react';
 import { icons } from 'Helpers/Props';
 import Icon from 'Components/Icon';
 import VirtualTableRowCell from 'Components/Table/Cells/TableRowCell';
+import { getMovieStatusDetails } from 'Movie/MovieStatus';
 import styles from './MovieStatusCell.css';
 
 function MovieStatusCell(props) {
@@ -14,6 +15,8 @@ function MovieStatusCell(props) {
     ...otherProps
   } = props;
 
+  const statusDetails = getMovieStatusDetails(status);
+
   return (
     <Component
       className={className}
@@ -25,32 +28,12 @@ function MovieStatusCell(props) {
         title={monitored ? 'Movie is monitored' : 'Movie is unmonitored'}
       />
 
-      {
-        status === 'announced' ?
-          <Icon
-            className={styles.statusIcon}
-            name={icons.ANNOUNCED}
-            title={'Movie is announced'}
-          /> : null
-      }
+      <Icon
+        className={styles.statusIcon}
+        name={statusDetails.icon}
+        title={`${statusDetails.title}: ${statusDetails.message}`}
+      />
 
-      {
-        status === 'inCinemas' ?
-          <Icon
-            className={styles.statusIcon}
-            name={icons.IN_CINEMAS}
-            title={'Movie is in Cinemas'}
-          /> : null
-      }
-
-      {
-        status === 'released' ?
-          <Icon
-            className={styles.statusIcon}
-            name={icons.MOVIE_FILE}
-            title={'Movie is released'}
-          /> : null
-      }
     </Component>
   );
 }