diff --git a/frontend/src/Movie/Details/MovieDetails.css b/frontend/src/Movie/Details/MovieDetails.css index 2051f8326..f973d15d6 100644 --- a/frontend/src/Movie/Details/MovieDetails.css +++ b/frontend/src/Movie/Details/MovieDetails.css @@ -142,6 +142,7 @@ .qualityProfileName, .statusName, .studio, +.collection, .links, .tags { font-weight: 300; diff --git a/frontend/src/Movie/Details/MovieDetails.js b/frontend/src/Movie/Details/MovieDetails.js index 79ad0432b..732603e77 100644 --- a/frontend/src/Movie/Details/MovieDetails.js +++ b/frontend/src/Movie/Details/MovieDetails.js @@ -165,6 +165,7 @@ class MovieDetails extends Component { qualityProfileId, monitored, studio, + collection, overview, youTubeTrailerId, inCinemas, @@ -324,29 +325,31 @@ class MovieDetails extends Component { -
+
+
+ { + !!runtime && + + {runtime} Minutes + + } - - - {runtime} Minutes - - + +
+
+
-
- -
+ + {path} +
+ { + !!collection && + + + {collection.name} + + + } + { !!studio && + {collection ? collection.name : null } + + ); + } + if (name === 'studio') { return ( { + if (movie.collection) { + acc.push({ + id: movie.collection.name, + name: movie.collection.name + }); + } + + return acc; + }, []); + + return collectionList.sort(sortByName); + } + }, { name: 'qualityProfileId', label: 'Quality Profile', @@ -255,7 +286,7 @@ export const defaultState = { label: 'Genres', type: filterBuilderTypes.ARRAY, optionsSelector: function(items) { - const tagList = items.reduce((acc, movie) => { + const genreList = items.reduce((acc, movie) => { movie.genres.forEach((genre) => { acc.push({ id: genre, @@ -266,7 +297,7 @@ export const defaultState = { return acc; }, []); - return tagList.sort(sortByName); + return genreList.sort(sortByName); } }, {