feat(frontend): add studio/networks to movie/tv details

closes #370
sct · Dec 18, 2020 · 4b6ad8a · 4b6ad8a
1 parent 992a232
commit 4b6ad8a
Show file tree

Hide file tree

Showing 3 changed files with 56 additions and 16 deletions.
diff --git a/src/components/MovieDetails/index.tsx b/src/components/MovieDetails/index.tsx
@@ -65,6 +65,7 @@ const messages = defineMessages({
     'This will remove all media data including all requests for this item. This action is irreversible. If this item exists in your Plex library, the media information will be recreated next sync.',
   approve: 'Approve',
   decline: 'Decline',
+  studio: 'Studio',
 });
 
 interface MovieDetailsProps {
@@ -484,14 +485,32 @@ const MovieDetails: React.FC<MovieDetailsProps> = ({ movie }) => {
                 </span>
               </div>
             )}
-            <div className="flex px-4 py-2 border-b border-gray-800 last:border-b-0">
-              <span className="text-sm">
-                <FormattedMessage {...messages.originallanguage} />
-              </span>
-              <span className="flex-1 text-right text-gray-400 text-sm">
-                {data.originalLanguage}
-              </span>
-            </div>
+            {data.spokenLanguages.some(
+              (lng) => lng.iso_639_1 === data.originalLanguage
+            ) && (
+              <div className="flex px-4 py-2 border-b border-gray-800 last:border-b-0">
+                <span className="text-sm">
+                  <FormattedMessage {...messages.originallanguage} />
+                </span>
+                <span className="flex-1 text-right text-gray-400 text-sm">
+                  {
+                    data.spokenLanguages.find(
+                      (lng) => lng.iso_639_1 === data.originalLanguage
+                    )?.name
+                  }
+                </span>
+              </div>
+            )}
+            {data.productionCompanies[0] && (
+              <div className="flex px-4 py-2 border-b border-gray-800 last:border-b-0">
+                <span className="text-sm">
+                  <FormattedMessage {...messages.studio} />
+                </span>
+                <span className="flex-1 text-right text-gray-400 text-sm">
+                  {data.productionCompanies[0]?.name}
+                </span>
+              </div>
+            )}
           </div>
         </div>
       </div>

diff --git a/src/components/TvDetails/index.tsx b/src/components/TvDetails/index.tsx
@@ -59,6 +59,7 @@ const messages = defineMessages({
   decline: 'Decline',
   showtype: 'Show Type',
   anime: 'Anime',
+  network: 'Network',
 });
 
 interface TvDetailsProps {
@@ -454,14 +455,32 @@ const TvDetails: React.FC<TvDetailsProps> = ({ tv }) => {
                 {data.status}
               </span>
             </div>
-            <div className="flex px-4 py-2 border-b border-gray-800 last:border-b-0">
-              <span className="text-sm">
-                <FormattedMessage {...messages.originallanguage} />
-              </span>
-              <span className="flex-1 text-right text-gray-400 text-sm">
-                {data.originalLanguage}
-              </span>
-            </div>
+            {data.spokenLanguages.some(
+              (lng) => lng.iso_639_1 === data.originalLanguage
+            ) && (
+              <div className="flex px-4 py-2 border-b border-gray-800 last:border-b-0">
+                <span className="text-sm">
+                  <FormattedMessage {...messages.originallanguage} />
+                </span>
+                <span className="flex-1 text-right text-gray-400 text-sm">
+                  {
+                    data.spokenLanguages.find(
+                      (lng) => lng.iso_639_1 === data.originalLanguage
+                    )?.name
+                  }
+                </span>
+              </div>
+            )}
+            {data.networks.length > 0 && (
+              <div className="flex px-4 py-2 border-b border-gray-800 last:border-b-0">
+                <span className="text-sm">
+                  <FormattedMessage {...messages.network} />
+                </span>
+                <span className="flex-1 text-right text-gray-400 text-sm">
+                  {data.networks.map((n) => n.name).join(', ')}
+                </span>
+              </div>
+            )}
           </div>
         </div>
       </div>

diff --git a/src/i18n/locale/en.json b/src/i18n/locale/en.json
@@ -43,6 +43,7 @@
   "components.MovieDetails.similar": "Similar Titles",
   "components.MovieDetails.similarsubtext": "Other movies similar to {title}",
   "components.MovieDetails.status": "Status",
+  "components.MovieDetails.studio": "Studio",
   "components.MovieDetails.unavailable": "Unavailable",
   "components.MovieDetails.userrating": "User Rating",
   "components.MovieDetails.viewrequest": "View Request",
@@ -270,6 +271,7 @@
   "components.TvDetails.manageModalNoRequests": "No Requests",
   "components.TvDetails.manageModalRequests": "Requests",
   "components.TvDetails.manageModalTitle": "Manage Series",
+  "components.TvDetails.network": "Network",
   "components.TvDetails.originallanguage": "Original Language",
   "components.TvDetails.overview": "Overview",
   "components.TvDetails.overviewunavailable": "Overview unavailable",