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