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);
}
},
{