Fix: use isAvailable to determine if a movie is available.

frontend/src/Movie/MovieStatus.js

@@ -1,6 +1,5 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import isBefore from 'Utilities/Date/isBefore';
 import { icons, kinds, sizes } from 'Helpers/Props';
 import Icon from 'Components/Icon';
 import ProgressBar from 'Components/ProgressBar';
@@ -30,6 +29,7 @@ function getTooltip(title, quality, size) {
 function MovieStatus(props) {
   const {
     inCinemas,
+    isAvailable,
     monitored,
     grabbed,
     queueItem,
@@ -38,7 +38,7 @@ function MovieStatus(props) {
 
   const hasMovieFile = !!movieFile;
   const isQueued = !!queueItem;
-  const hasReleased = isBefore(inCinemas);
+  const hasReleased = isAvailable;
 
   if (isQueued) {
     const {
@@ -144,6 +144,7 @@ function MovieStatus(props) {
 
 MovieStatus.propTypes = {
   inCinemas: PropTypes.string,
+  isAvailable: PropTypes.bool,
   monitored: PropTypes.bool.isRequired,
   grabbed: PropTypes.bool,
   queueItem: PropTypes.object,

frontend/src/Movie/MovieStatusConnector.js

@@ -14,6 +14,7 @@ function createMapStateToProps() {
     (movie, queueItem) => {
       const result = _.pick(movie, [
         'inCinemas',
+        'isAvailable',
         'monitored',
         'grabbed'
       ]);

frontend/src/Store/Actions/movieActions.js

@@ -46,8 +46,8 @@ export const filters = [
     ]
   },
   {
-    key: 'wanted',
+    key: 'missing',
-    label: 'Wanted Missing',
+    label: 'Missing',
     filters: [
       {
         key: 'monitored',
@@ -61,6 +61,27 @@ export const filters = [
       }
     ]
   },
+  {
+    key: 'wanted',
+    label: 'Wanted',
+    filters: [
+      {
+        key: 'monitored',
+        value: true,
+        type: filterTypes.EQUAL
+      },
+      {
+        key: 'hasFile',
+        value: false,
+        type: filterTypes.EQUAL
+      },
+      {
+        key: 'isAvailable',
+        value: true,
+        type: filterTypes.EQUAL
+      }
+    ]
+  },
   {
     key: 'cutoffunmet',
     label: 'Cut-off Unmet',