From 4eae02a7e14e377fd69ddd4a43774cb7e3d1855b Mon Sep 17 00:00:00 2001
From: Danshil Mungur <danshil.mungur@gmail.com>
Date: Fri, 5 Feb 2021 13:34:32 +0400
Subject: [PATCH] feat(ui): added next airing date to TV Shows (#842)

---
 src/components/TvDetails/index.tsx | 16 ++++++++++++++++
 src/i18n/locale/en.json            |  1 +
 2 files changed, 17 insertions(+)

diff --git a/src/components/TvDetails/index.tsx b/src/components/TvDetails/index.tsx
index e574209f..e508def6 100644
--- a/src/components/TvDetails/index.tsx
+++ b/src/components/TvDetails/index.tsx
@@ -42,6 +42,7 @@ import useSettings from '../../hooks/useSettings';
 
 const messages = defineMessages({
   firstAirDate: 'First Air Date',
+  nextAirDate: 'Next Air Date',
   userrating: 'User Rating',
   status: 'Status',
   originallanguage: 'Original Language',
@@ -661,6 +662,21 @@ const TvDetails: React.FC<TvDetailsProps> = ({ tv }) => {
                 </span>
               </div>
             )}
+            {data.nextEpisodeToAir && (
+              <div className="flex px-4 py-2 border-b border-gray-800 last:border-b-0">
+                <span className="text-sm">
+                  <FormattedMessage {...messages.nextAirDate} />
+                </span>
+                <span className="flex-1 text-sm text-right text-gray-400">
+                  <FormattedDate
+                    value={new Date(data.nextEpisodeToAir?.airDate)}
+                    year="numeric"
+                    month="long"
+                    day="numeric"
+                  />
+                </span>
+              </div>
+            )}
             <div className="flex px-4 py-2 border-b border-gray-800 last:border-b-0">
               <span className="text-sm">
                 <FormattedMessage {...messages.status} />
diff --git a/src/i18n/locale/en.json b/src/i18n/locale/en.json
index 9b22e682..f6d758c6 100644
--- a/src/i18n/locale/en.json
+++ b/src/i18n/locale/en.json
@@ -551,6 +551,7 @@
   "components.TvDetails.mark4kavailable": "Mark 4K as Available",
   "components.TvDetails.markavailable": "Mark as Available",
   "components.TvDetails.network": "Network",
+  "components.TvDetails.nextAirDate": "Next Air Date",
   "components.TvDetails.opensonarr": "Open Series in Sonarr",
   "components.TvDetails.opensonarr4k": "Open Series in 4K Sonarr",
   "components.TvDetails.originallanguage": "Original Language",