New: Option to control whether new seasons get monitored automatically

(cherry picked from commit b95a84f6612333d96fcdca083f9c39d96956f3f4)
Closes #5083

frontend/src/Series/Index/Select/Edit/EditSeriesModalContent.tsx

@@ -14,6 +14,7 @@ import styles from './EditSeriesModalContent.css';
 
 interface SavePayload {
   monitored?: boolean;
+  monitorNewItems?: string;
   qualityProfileId?: number;
   seriesType?: string;
   seasonFolder?: boolean;
@@ -77,6 +78,7 @@ function EditSeriesModalContent(props: EditSeriesModalContentProps) {
   const { seriesIds, onSavePress, onModalClose } = props;
 
   const [monitored, setMonitored] = useState(NO_CHANGE);
+  const [monitorNewItems, setMonitorNewItems] = useState(NO_CHANGE);
   const [qualityProfileId, setQualityProfileId] = useState<string | number>(
     NO_CHANGE
   );
@@ -95,6 +97,11 @@ function EditSeriesModalContent(props: EditSeriesModalContentProps) {
         payload.monitored = monitored === 'monitored';
       }
 
+      if (monitorNewItems !== NO_CHANGE) {
+        hasChanges = true;
+        payload.monitorNewItems = monitorNewItems;
+      }
+
       if (qualityProfileId !== NO_CHANGE) {
         hasChanges = true;
         payload.qualityProfileId = qualityProfileId as number;
@@ -124,6 +131,7 @@ function EditSeriesModalContent(props: EditSeriesModalContentProps) {
     },
     [
       monitored,
+      monitorNewItems,
       qualityProfileId,
       seriesType,
       seasonFolder,
@@ -139,6 +147,9 @@ function EditSeriesModalContent(props: EditSeriesModalContentProps) {
         case 'monitored':
           setMonitored(value);
           break;
+        case 'monitorNewItems':
+          setMonitorNewItems(value);
+          break;
         case 'qualityProfileId':
           setQualityProfileId(value);
           break;
@@ -199,6 +210,19 @@ function EditSeriesModalContent(props: EditSeriesModalContentProps) {
           />
         </FormGroup>
 
+        <FormGroup>
+          <FormLabel>{translate('MonitorNewItems')}</FormLabel>
+
+          <FormInputGroup
+            type={inputTypes.MONITOR_NEW_ITEMS_SELECT}
+            name="monitorNewItems"
+            value={monitorNewItems}
+            includeNoChange={true}
+            includeNoChangeDisabled={false}
+            onChange={onInputChange}
+          />
+        </FormGroup>
+
         <FormGroup>
           <FormLabel>{translate('QualityProfile')}</FormLabel>