New: Added MinAvailability Option to UI

frontend/src/Components/Form/AvailabilitySelectInput.js

@@ -0,0 +1,54 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import SelectInput from './SelectInput';
+
+const availabilityOptions = [
+  { key: 'announced', value: 'Announced' },
+  { key: 'inCinemas', value: 'In Cinemas' },
+  { key: 'released', value: 'Released' },
+  { key: 'preDB', value: 'PreDB' }
+];
+
+function AvailabilitySelectInput(props) {
+  const values = [...availabilityOptions];
+
+  const {
+    includeNoChange,
+    includeMixed
+  } = props;
+
+  if (includeNoChange) {
+    values.unshift({
+      key: 'noChange',
+      value: 'No Change',
+      disabled: true
+    });
+  }
+
+  if (includeMixed) {
+    values.unshift({
+      key: 'mixed',
+      value: '(Mixed)',
+      disabled: true
+    });
+  }
+
+  return (
+    <SelectInput
+      {...props}
+      values={values}
+    />
+  );
+}
+
+AvailabilitySelectInput.propTypes = {
+  includeNoChange: PropTypes.bool.isRequired,
+  includeMixed: PropTypes.bool.isRequired
+};
+
+AvailabilitySelectInput.defaultProps = {
+  includeNoChange: false,
+  includeMixed: false
+};
+
+export default AvailabilitySelectInput;

frontend/src/Components/Form/FormInputGroup.js

@@ -3,6 +3,7 @@ import React from 'react';
 import { inputTypes } from 'Helpers/Props';
 import Link from 'Components/Link/Link';
 import AutoCompleteInput from './AutoCompleteInput';
+import AvailabilitySelectInput from './AvailabilitySelectInput';
 import CaptchaInputConnector from './CaptchaInputConnector';
 import CheckInput from './CheckInput';
 import DeviceInputConnector from './DeviceInputConnector';
@@ -26,6 +27,9 @@ function getComponent(type) {
     case inputTypes.AUTO_COMPLETE:
       return AutoCompleteInput;
 
+    case inputTypes.AVAILABILITY_SELECT:
+      return AvailabilitySelectInput;
+
     case inputTypes.CAPTCHA:
       return CaptchaInputConnector;