Add a label to show when a movie is deleted from TMDb

frontend/src/Movie/Details/MovieDetails.css

@@ -152,11 +152,17 @@
 .statusName,
 .studio,
 .collection,
+.deletedLabel,
 .genres {
   font-weight: 300;
   font-size: 17px;
 }
 
+.deletedIcon {
+  margin-right: 2px;
+  vertical-align: baseline;
+}
+
 .overview {
   flex: 1 0 auto;
   margin-top: 8px;

frontend/src/Movie/Details/MovieDetails.js

@@ -290,7 +290,8 @@ class MovieDetails extends Component {
       onRefreshPress,
       onSearchPress,
       queueItems,
-      movieRuntimeFormat
+      movieRuntimeFormat,
+      status
     } = this.props;
 
     const {
@@ -549,6 +550,24 @@ class MovieDetails extends Component {
                     </span>
                   </InfoLabel>
 
+                  {
+                    status === 'deleted' &&
+                      <InfoLabel
+                        className={styles.detailsInfoLabel}
+                        title="TMDb"
+                        size={sizes.LARGE}
+                      >
+                        <span className={styles.deletedLabel}>
+                          <Icon
+                            className={styles.deletedIcon}
+                            name={icons.WARNING}
+                            size={12}
+                          />
+                          {translate('Deleted')}
+                        </span>
+                      </InfoLabel>
+                  }
+
                   <InfoLabel
                     className={styles.detailsInfoLabel}
                     title={translate('QualityProfile')}