diff --git a/src/components/Utilities/ReleaseManagement/ReleaseManagementSeriesDetail.tsx b/src/components/Utilities/ReleaseManagement/ReleaseManagementSeriesDetail.tsx index 2f598dc20..85ed9864d 100644 --- a/src/components/Utilities/ReleaseManagement/ReleaseManagementSeriesDetail.tsx +++ b/src/components/Utilities/ReleaseManagement/ReleaseManagementSeriesDetail.tsx @@ -98,14 +98,12 @@ const ReleaseManagementSeriesDetail = () => { // Candidates tab passes through the list page's includeVariations toggle, same as the batch // preview. Mix & Match always wants every file - variations included - as a pickable option // regardless of that toggle, so it fetches independently with includeVariations forced true. - const seriesQuery = useReleaseManagementSeriesDetailQuery(seriesId, includeVariations, seriesId > 0); - const series = seriesQuery.data; - - const mixMatchSeriesQuery = useReleaseManagementSeriesDetailQuery( + const seriesQuery = useReleaseManagementSeriesDetailQuery( seriesId, - true, - seriesId > 0 && activeTab === 'mixmatch', + activeTab === 'mixmatch' ? true : includeVariations, + seriesId > 0, ); + const series = seriesQuery.data; useEffect(() => { if (seriesQuery.isError) { @@ -228,24 +226,10 @@ const ReleaseManagementSeriesDetail = () => { /> )} - {activeTab === 'mixmatch' && mixMatchSeriesQuery.isPending && ( -
- -
- )} - - {activeTab === 'mixmatch' && mixMatchSeriesQuery.isError && ( -
- - Failed to load Mix & Match options. - -
- )} - - {activeTab === 'mixmatch' && mixMatchSeriesQuery.data && ( + {series && activeTab === 'mixmatch' && ( diff --git a/src/components/Utilities/ReleaseManagement/SeriesDetail/MixAndMatchEpisode.tsx b/src/components/Utilities/ReleaseManagement/SeriesDetail/MixAndMatchEpisode.tsx index cfe2c3091..0c38debc0 100644 --- a/src/components/Utilities/ReleaseManagement/SeriesDetail/MixAndMatchEpisode.tsx +++ b/src/components/Utilities/ReleaseManagement/SeriesDetail/MixAndMatchEpisode.tsx @@ -94,8 +94,10 @@ export const MixAndMatchEpisode = ({ )} {selectedOption && ( <> - {selectedOption.groupLabel}{' '} - {selectedOption.isVariation && Variation}{' '} + {selectedOption.groupLabel} +   + {selectedOption.isVariation && Variation} +   - {getOptionSummary(selectedOption)}, {prettyBytes(selectedOption.fileSize, { binary: true })}