New: Show episode count in season interactive search modal

Closes #7747

frontend/src/Series/Details/SeriesDetailsSeason.tsx

@@ -562,6 +562,7 @@ function SeriesDetailsSeason({
 
       <SeasonInteractiveSearchModal
         isOpen={isInteractiveSearchModalOpen}
+        episodeCount={totalEpisodeCount}
         seriesId={seriesId}
         seasonNumber={seasonNumber}
         onModalClose={handleInteractiveSearchModalClose}

frontend/src/Series/Search/SeasonInteractiveSearchModal.tsx

@@ -6,19 +6,19 @@ import {
   cancelFetchReleases,
   clearReleases,
 } from 'Store/Actions/releaseActions';
-import SeasonInteractiveSearchModalContent from './SeasonInteractiveSearchModalContent';
+import SeasonInteractiveSearchModalContent, {
+  SeasonInteractiveSearchModalContentProps,
+} from './SeasonInteractiveSearchModalContent';
 
-interface SeasonInteractiveSearchModalProps {
+interface SeasonInteractiveSearchModalProps
+  extends SeasonInteractiveSearchModalContentProps {
   isOpen: boolean;
-  seriesId: number;
-  seasonNumber: number;
-  onModalClose(): void;
 }
 
 function SeasonInteractiveSearchModal(
   props: SeasonInteractiveSearchModalProps
 ) {
-  const { isOpen, seriesId, seasonNumber, onModalClose } = props;
+  const { isOpen, episodeCount, seriesId, seasonNumber, onModalClose } = props;
 
   const dispatch = useDispatch();
 
@@ -44,6 +44,7 @@ function SeasonInteractiveSearchModal(
       onModalClose={handleModalClose}
     >
       <SeasonInteractiveSearchModalContent
+        episodeCount={episodeCount}
         seriesId={seriesId}
         seasonNumber={seasonNumber}
         onModalClose={handleModalClose}

frontend/src/Series/Search/SeasonInteractiveSearchModalContent.css

@@ -0,0 +1,5 @@
+.modalFooter {
+  composes: modalFooter from '~Components/Modal/ModalFooter.css';
+
+  justify-content: space-between;
+}

frontend/src/Series/Search/SeasonInteractiveSearchModalContent.css.d.ts

@@ -0,0 +1,7 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  'modalFooter': string;
+}
+export const cssExports: CssExports;
+export default cssExports;

frontend/src/Series/Search/SeasonInteractiveSearchModalContent.tsx

@@ -8,18 +8,21 @@ import { scrollDirections } from 'Helpers/Props';
 import InteractiveSearch from 'InteractiveSearch/InteractiveSearch';
 import formatSeason from 'Season/formatSeason';
 import translate from 'Utilities/String/translate';
+import styles from './SeasonInteractiveSearchModalContent.css';
 
-interface SeasonInteractiveSearchModalContentProps {
+export interface SeasonInteractiveSearchModalContentProps {
+  episodeCount: number;
   seriesId: number;
   seasonNumber: number;
   onModalClose(): void;
 }
 
-function SeasonInteractiveSearchModalContent(
+function SeasonInteractiveSearchModalContent({
-  props: SeasonInteractiveSearchModalContentProps
+  episodeCount,
-) {
+  seriesId,
-  const { seriesId, seasonNumber, onModalClose } = props;
+  seasonNumber,
-
+  onModalClose,
+}: SeasonInteractiveSearchModalContentProps) {
   return (
     <ModalContent onModalClose={onModalClose}>
       <ModalHeader>
@@ -40,7 +43,13 @@ function SeasonInteractiveSearchModalContent(
         />
       </ModalBody>
 
-      <ModalFooter>
+      <ModalFooter className={styles.modalFooter}>
+        <div>
+          {translate('EpisodesInSeason', {
+            episodeCount,
+          })}
+        </div>
+
         <Button onPress={onModalClose}>{translate('Close')}</Button>
       </ModalFooter>
     </ModalContent>

src/NzbDrone.Core/Localization/Core/en.json

@@ -649,6 +649,7 @@
   "EpisodeHistoryLoadError": "Unable to load episode history",
   "EpisodeImported": "Episode Imported",
   "EpisodeImportedTooltip": "Episode downloaded successfully and picked up from download client",
+  "EpisodesInSeason": "{episodeCount} episodes in season",
   "EpisodeInfo": "Episode Info",
   "EpisodeIsDownloading": "Episode is downloading",
   "EpisodeIsNotMonitored": "Episode is not monitored",