[UI Work] Add Artist, Import Artist, Calendar

frontend/src/Components/Form/MonitorAlbumsSelectInput.js

@@ -0,0 +1,59 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import SelectInput from './SelectInput';
+
+const monitorOptions = [
+  { key: 'all', value: 'All Albums' },
+  { key: 'future', value: 'Future Albums' },
+  { key: 'missing', value: 'Missing Albums' },
+  { key: 'existing', value: 'Existing Albums' },
+  { key: 'first', value: 'Only First Album' },
+  { key: 'latest', value: 'Only Latest Album' },
+  { key: 'none', value: 'None' }
+];
+
+function MonitorAlbumsSelectInput(props) {
+  const {
+    includeNoChange,
+    includeMixed,
+    ...otherProps
+  } = props;
+
+  const values = [...monitorOptions];
+
+  if (includeNoChange) {
+    values.unshift({
+      key: 'noChange',
+      value: 'No Change',
+      disabled: true
+    });
+  }
+
+  if (includeMixed) {
+    values.unshift({
+      key: 'mixed',
+      value: '(Mixed)',
+      disabled: true
+    });
+  }
+
+  return (
+    <SelectInput
+      values={values}
+      {...otherProps}
+    />
+  );
+}
+
+MonitorAlbumsSelectInput.propTypes = {
+  includeNoChange: PropTypes.bool.isRequired,
+  includeMixed: PropTypes.bool.isRequired,
+  onChange: PropTypes.func.isRequired
+};
+
+MonitorAlbumsSelectInput.defaultProps = {
+  includeNoChange: false,
+  includeMixed: false
+};
+
+export default MonitorAlbumsSelectInput;