From 41b65abd1d45bb3dae2a7b7cddfc9f621e87c1c9 Mon Sep 17 00:00:00 2001
From: Mark McDowall <mark@mcdowall.ca>
Date: Mon, 24 Mar 2025 20:32:40 -0700
Subject: [PATCH] New: Show episode count in season interactive search modal

Closes #7747
---
 .../Series/Details/SeriesDetailsSeason.tsx    |  1 +
 .../Search/SeasonInteractiveSearchModal.tsx   | 13 ++++++-----
 .../SeasonInteractiveSearchModalContent.css   |  5 ++++
 ...asonInteractiveSearchModalContent.css.d.ts |  7 ++++++
 .../SeasonInteractiveSearchModalContent.tsx   | 23 +++++++++++++------
 src/NzbDrone.Core/Localization/Core/en.json   |  1 +
 6 files changed, 37 insertions(+), 13 deletions(-)
 create mode 100644 frontend/src/Series/Search/SeasonInteractiveSearchModalContent.css
 create mode 100644 frontend/src/Series/Search/SeasonInteractiveSearchModalContent.css.d.ts

diff --git a/frontend/src/Series/Details/SeriesDetailsSeason.tsx b/frontend/src/Series/Details/SeriesDetailsSeason.tsx
index 801f3eddd..fd5298121 100644
--- a/frontend/src/Series/Details/SeriesDetailsSeason.tsx
+++ b/frontend/src/Series/Details/SeriesDetailsSeason.tsx
@@ -562,6 +562,7 @@ function SeriesDetailsSeason({
 
       <SeasonInteractiveSearchModal
         isOpen={isInteractiveSearchModalOpen}
+        episodeCount={totalEpisodeCount}
         seriesId={seriesId}
         seasonNumber={seasonNumber}
         onModalClose={handleInteractiveSearchModalClose}
diff --git a/frontend/src/Series/Search/SeasonInteractiveSearchModal.tsx b/frontend/src/Series/Search/SeasonInteractiveSearchModal.tsx
index bc2a5b753..b3a7ce9c5 100644
--- a/frontend/src/Series/Search/SeasonInteractiveSearchModal.tsx
+++ b/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}
diff --git a/frontend/src/Series/Search/SeasonInteractiveSearchModalContent.css b/frontend/src/Series/Search/SeasonInteractiveSearchModalContent.css
new file mode 100644
index 000000000..3496141ea
--- /dev/null
+++ b/frontend/src/Series/Search/SeasonInteractiveSearchModalContent.css
@@ -0,0 +1,5 @@
+.modalFooter {
+  composes: modalFooter from '~Components/Modal/ModalFooter.css';
+
+  justify-content: space-between;
+}
diff --git a/frontend/src/Series/Search/SeasonInteractiveSearchModalContent.css.d.ts b/frontend/src/Series/Search/SeasonInteractiveSearchModalContent.css.d.ts
new file mode 100644
index 000000000..0c8c69290
--- /dev/null
+++ b/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;
diff --git a/frontend/src/Series/Search/SeasonInteractiveSearchModalContent.tsx b/frontend/src/Series/Search/SeasonInteractiveSearchModalContent.tsx
index f3644e13b..19a2a1588 100644
--- a/frontend/src/Series/Search/SeasonInteractiveSearchModalContent.tsx
+++ b/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(
-  props: SeasonInteractiveSearchModalContentProps
-) {
-  const { seriesId, seasonNumber, onModalClose } = props;
-
+function SeasonInteractiveSearchModalContent({
+  episodeCount,
+  seriesId,
+  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>
diff --git a/src/NzbDrone.Core/Localization/Core/en.json b/src/NzbDrone.Core/Localization/Core/en.json
index 5f71b236a..9be8b22b1 100644
--- a/src/NzbDrone.Core/Localization/Core/en.json
+++ b/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",