= {
};
type Props = {
- type: 'multiples' | 'duplicates';
+ type: ReleaseManagementItemType;
ignoreVariations: boolean;
+ onlyCollecting: boolean;
onlyFinishedSeries: boolean;
setSelectedEpisode: (episode: EpisodeType) => void;
+ setSelectedEpisodes: (episodes: EpisodeType[]) => void;
setSelectedSeriesId: (id: number) => void;
setSeriesCount: (count: number) => void;
};
const SeriesList = (
- { ignoreVariations, onlyFinishedSeries, setSelectedEpisode, setSelectedSeriesId, setSeriesCount, type }: Props,
+ {
+ ignoreVariations,
+ onlyCollecting,
+ onlyFinishedSeries,
+ setSelectedEpisode,
+ setSelectedEpisodes,
+ setSelectedSeriesId,
+ setSeriesCount,
+ type,
+ }: Props,
) => {
const [selectedSeries, setSelectedSeries] = useState(0);
- const seriesQuery = useReleaseManagementSeries(type, { ignoreVariations, onlyFinishedSeries, pageSize: 25 });
+ const seriesQuery = useReleaseManagementSeries(
+ type,
+ { ignoreVariations, collecting: onlyCollecting, onlyFinishedSeries, pageSize: 25 },
+ );
const [series, seriesCount] = useFlattenListResult(seriesQuery.data);
const episodesQuery = useReleaseManagementSeriesEpisodes(
type,
selectedSeries,
- { ignoreVariations, includeDataFrom: ['AniDB'], includeAbsolutePaths: true, pageSize: 25 },
+ {
+ ignoreVariations,
+ collecting: onlyCollecting,
+ includeDataFrom: ['AniDB'],
+ includeAbsolutePaths: true,
+ pageSize: 25,
+ },
selectedSeries > 0,
);
const [episodes, episodeCount] = useFlattenListResult(episodesQuery.data);
+ const {
+ handleRowSelect,
+ rowSelection,
+ selectedRows,
+ setRowSelection,
+ } = useRowSelection
(episodes);
+
+ useEffect(() => {
+ setSelectedEpisodes(selectedRows);
+ }, [selectedRows, setSelectedEpisodes]);
+
+ const handleEpisodeSelect = useEventCallback((episodeId: number, select: boolean) => {
+ if (type === ReleaseManagementItemType.MissingEpisodes) handleRowSelect(episodeId, select);
+ else setSelectedEpisode(episodes.filter(episode => episode.IDs.ID === episodeId)[0]);
+ });
+
useEffect(() => {
setSelectedSeriesId(selectedSeries);
setSeriesCount(seriesCount);
@@ -161,10 +200,26 @@ const SeriesList = (
setSelectedSeries(0);
}, [seriesQuery.data]);
- const episodeColumns = useMemo(() => [
- episodeNameColumn,
- type === 'multiples' ? multiplesEpisodeFileCountColumn : duplicatesEpisodeFileCountColumn,
- ], [type]);
+ const episodeColumns = useMemo(() => {
+ if (type !== ReleaseManagementItemType.MissingEpisodes) {
+ return [
+ episodeNameColumn,
+ type === ReleaseManagementItemType.MultipleReleases
+ ? multiplesEpisodeFileCountColumn
+ : duplicatesEpisodeFileCountColumn,
+ ];
+ }
+
+ return [
+ episodeNameColumn,
+ {
+ id: 'selected-count',
+ name: selectedRows.length > 0 ? `${selectedRows.length} Selected` : '',
+ className: 'w-28 text-panel-text-important',
+ item: () => ,
+ },
+ ];
+ }, [selectedRows.length, type]);
return (
<>
@@ -178,7 +233,9 @@ const SeriesList = (
{!seriesQuery.isPending && seriesCount === 0 && (
No series with
- {type === 'multiples' ? ' multiple releases!' : ' duplicate files!'}
+ {type === ReleaseManagementItemType.MultipleReleases && ' multiple releases!'}
+ {type === ReleaseManagementItemType.DuplicateFiles && ' duplicate files!'}
+ {type === ReleaseManagementItemType.MissingEpisodes && ' missing episodes!'}
)}
@@ -197,7 +254,7 @@ const SeriesList = (
- {selectedSeries === 0 &&
Select Series to Populate
}
+ {selectedSeries === 0 &&
Select series to populate
}
{selectedSeries > 0 && episodesQuery.isPending && (
@@ -213,8 +270,9 @@ const SeriesList = (
isFetchingNextPage={episodesQuery.isFetchingNextPage}
rows={episodes}
skipSort
- handleRowSelect={(id, _) => setSelectedEpisode(episodes.filter(episode => episode.IDs.ID === id)[0])}
- rowSelection={{}}
+ handleRowSelect={handleEpisodeSelect}
+ rowSelection={rowSelection}
+ setSelectedRows={setRowSelection}
/>
)}
diff --git a/src/components/Utilities/ReleaseManagement/Title.tsx b/src/components/Utilities/ReleaseManagement/Title.tsx
index 1fdcb7089..c65fd24fd 100644
--- a/src/components/Utilities/ReleaseManagement/Title.tsx
+++ b/src/components/Utilities/ReleaseManagement/Title.tsx
@@ -21,6 +21,8 @@ const Title = () => (
|
+
|
+