From 436523139e8f1594c352b17032734b4498d3994f Mon Sep 17 00:00:00 2001
From: TheCatLady <52870424+TheCatLady@users.noreply.github.com>
Date: Wed, 3 Mar 2021 22:42:19 -0500
Subject: [PATCH] feat(ui): display season count on TV details page (#1078)

* feat(ui): display season count on TV details page

* feat(lang): add new translation string
---
 src/components/TvDetails/index.tsx | 14 ++++++++++++--
 src/i18n/locale/en.json            |  1 +
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/TvDetails/index.tsx b/src/components/TvDetails/index.tsx
index 2139f0e2d..204cd61b2 100644
--- a/src/components/TvDetails/index.tsx
+++ b/src/components/TvDetails/index.tsx
@@ -72,6 +72,7 @@ const messages = defineMessages({
   markavailable: 'Mark as Available',
   mark4kavailable: 'Mark 4K as Available',
   allseasonsmarkedavailable: '* All seasons will be marked as available.',
+  seasons: '{seasonCount} Seasons',
 });
 
 interface TvDetailsProps {
@@ -178,12 +179,21 @@ const TvDetails: React.FC<TvDetailsProps> = ({ tv }) => {
     );
   }
 
+  const seasonCount = data.seasons.filter((season) => season.seasonNumber !== 0)
+    .length;
+
+  if (seasonCount) {
+    seriesAttributes.push(
+      intl.formatMessage(messages.seasons, { seasonCount: seasonCount })
+    );
+  }
+
   if (data.genres.length) {
     seriesAttributes.push(data.genres.map((g) => g.name).join(', '));
   }
 
   const isComplete =
-    data.seasons.filter((season) => season.seasonNumber !== 0).length <=
+    seasonCount <=
     (
       data.mediaInfo?.seasons.filter(
         (season) => season.status === MediaStatus.AVAILABLE
@@ -191,7 +201,7 @@ const TvDetails: React.FC<TvDetailsProps> = ({ tv }) => {
     ).length;
 
   const is4kComplete =
-    data.seasons.filter((season) => season.seasonNumber !== 0).length <=
+    seasonCount <=
     (
       data.mediaInfo?.seasons.filter(
         (season) => season.status4k === MediaStatus.AVAILABLE
diff --git a/src/i18n/locale/en.json b/src/i18n/locale/en.json
index b16e0875d..edf19871d 100644
--- a/src/i18n/locale/en.json
+++ b/src/i18n/locale/en.json
@@ -627,6 +627,7 @@
   "components.TvDetails.playonplex": "Play on Plex",
   "components.TvDetails.recommendations": "Recommendations",
   "components.TvDetails.recommendationssubtext": "If you liked {title}, you might also like…",
+  "components.TvDetails.seasons": "{seasonCount} Seasons",
   "components.TvDetails.showtype": "Show Type",
   "components.TvDetails.similar": "Similar Series",
   "components.TvDetails.similarsubtext": "Other series similar to {title}",