From 84dd10f0326d994676aca891008644e263403ff7 Mon Sep 17 00:00:00 2001
From: Robin Dadswell <19610103+RobinDadswell@users.noreply.github.com>
Date: Sat, 23 Oct 2021 16:33:48 +0100
Subject: [PATCH] New: Added Genres to Movie Details page
---
frontend/src/Movie/Details/MovieDetails.css | 3 ++-
frontend/src/Movie/Details/MovieDetails.js | 16 ++++++++++++++++
2 files changed, 18 insertions(+), 1 deletion(-)
diff --git a/frontend/src/Movie/Details/MovieDetails.css b/frontend/src/Movie/Details/MovieDetails.css
index 5806d607f..e8ae6553c 100644
--- a/frontend/src/Movie/Details/MovieDetails.css
+++ b/frontend/src/Movie/Details/MovieDetails.css
@@ -151,7 +151,8 @@
.qualityProfileName,
.statusName,
.studio,
-.collection {
+.collection,
+.genres {
font-weight: 300;
font-size: 17px;
}
diff --git a/frontend/src/Movie/Details/MovieDetails.js b/frontend/src/Movie/Details/MovieDetails.js
index e4b4d2b30..1cbd8f0d9 100644
--- a/frontend/src/Movie/Details/MovieDetails.js
+++ b/frontend/src/Movie/Details/MovieDetails.js
@@ -266,6 +266,7 @@ class MovieDetails extends Component {
qualityProfileId,
monitored,
studio,
+ genres,
collection,
overview,
youTubeTrailerId,
@@ -582,6 +583,19 @@ class MovieDetails extends Component {
}
+
+ {
+ !!genres.length && !isSmallScreen &&
+
+
+ {genres.join(', ')}
+
+
+ }
@@ -766,6 +780,7 @@ MovieDetails.propTypes = {
monitored: PropTypes.bool.isRequired,
status: PropTypes.string.isRequired,
studio: PropTypes.string,
+ genres: PropTypes.arrayOf(PropTypes.string).isRequired,
collection: PropTypes.object,
youTubeTrailerId: PropTypes.string,
isAvailable: PropTypes.bool.isRequired,
@@ -798,6 +813,7 @@ MovieDetails.propTypes = {
};
MovieDetails.defaultProps = {
+ genres: [],
tags: [],
isSaving: false,
sizeOnDisk: 0