Fixed: Prevent selecting season or episode in Manual Import if series or episode is not selected

Closes #6354

frontend/src/InteractiveImport/Interactive/InteractiveImportModalContent.tsx

@@ -269,7 +269,47 @@ function InteractiveImportModalContent(
   const [interactiveImportErrorMessage, setInteractiveImportErrorMessage] =
     useState<string | null>(null);
   const [selectState, setSelectState] = useSelectState();
-  const [bulkSelectOptions, setBulkSelectOptions] = useState([
+  const { allSelected, allUnselected, selectedState } = selectState;
+  const previousIsDeleting = usePrevious(isDeleting);
+  const dispatch = useDispatch();
+
+  const columns: Column[] = useMemo(() => {
+    const result: Column[] = cloneDeep(COLUMNS);
+
+    if (!showSeries) {
+      const seriesColumn = result.find((c) => c.name === 'series');
+
+      if (seriesColumn) {
+        seriesColumn.isVisible = false;
+      }
+    }
+
+    return result;
+  }, [showSeries]);
+
+  const selectedIds: number[] = useMemo(() => {
+    return getSelectedIds(selectedState);
+  }, [selectedState]);
+
+  const bulkSelectOptions = useMemo(() => {
+    const { seasonSelectDisabled, episodeSelectDisabled } = items.reduce(
+      (acc, item) => {
+        if (!selectedIds.includes(item.id)) {
+          return acc;
+        }
+
+        acc.seasonSelectDisabled ||= !item.series;
+        acc.episodeSelectDisabled ||= !item.seasonNumber;
+
+        return acc;
+      },
+      {
+        seasonSelectDisabled: false,
+        episodeSelectDisabled: false,
+      }
+    );
+
+    const options = [
       {
         key: 'select',
         value: translate('SelectDropdown'),
@@ -278,10 +318,12 @@ function InteractiveImportModalContent(
       {
         key: 'season',
         value: translate('SelectSeason'),
+        disabled: seasonSelectDisabled,
       },
       {
         key: 'episode',
         value: translate('SelectEpisodes'),
+        disabled: episodeSelectDisabled,
       },
       {
         key: 'quality',
@@ -295,42 +337,20 @@ function InteractiveImportModalContent(
         key: 'language',
         value: translate('SelectLanguage'),
       },
-  ]);
-  const { allSelected, allUnselected, selectedState } = selectState;
-  const previousIsDeleting = usePrevious(isDeleting);
-  const dispatch = useDispatch();
-
-  const columns: Column[] = useMemo(() => {
-    const result: Column[] = cloneDeep(COLUMNS);
-
-    if (!showSeries) {
-      const seriesColumn = result.find((c) => c.name === 'series');
-
-      if (seriesColumn) {
-        seriesColumn.isVisible = false;
-      }
-    }
-
-    return result;
-  }, [showSeries]);
-
-  const selectedIds: number[] = useMemo(() => {
-    return getSelectedIds(selectedState);
-  }, [selectedState]);
+    ];
 
-  useEffect(
-    () => {
     if (allowSeriesChange) {
-        const newBulkSelectOptions = [...bulkSelectOptions];
-
-        newBulkSelectOptions.splice(1, 0, {
+      options.splice(1, 0, {
         key: 'series',
         value: translate('SelectSeries'),
       });
-
-        setBulkSelectOptions(newBulkSelectOptions);
     }
 
+    return options;
+  }, [allowSeriesChange, items, selectedIds]);
+
+  useEffect(
+    () => {
       if (initialSortKey) {
         const sortProps: { sortKey: string; sortDirection?: string } = {
           sortKey: initialSortKey,