diff --git a/frontend/src/Movie/Details/MovieDetails.css b/frontend/src/Movie/Details/MovieDetails.css index de2f8939a..9e100c0f8 100644 --- a/frontend/src/Movie/Details/MovieDetails.css +++ b/frontend/src/Movie/Details/MovieDetails.css @@ -63,6 +63,11 @@ line-height: 50px; } +.year { + margin-left: 5px; + color: $disabledColor; +} + .toggleMonitoredContainer { align-self: center; margin-right: 10px; diff --git a/frontend/src/Movie/Details/MovieDetails.js b/frontend/src/Movie/Details/MovieDetails.js index 208fc131b..8d60268da 100644 --- a/frontend/src/Movie/Details/MovieDetails.js +++ b/frontend/src/Movie/Details/MovieDetails.js @@ -162,6 +162,7 @@ class MovieDetails extends Component { tmdbId, imdbId, title, + year, runtime, ratings, path, @@ -294,6 +295,10 @@ class MovieDetails extends Component { {title} +
+ ({year}) +
+ { !!alternateTitles.length &&
@@ -557,6 +562,7 @@ MovieDetails.propTypes = { tmdbId: PropTypes.number.isRequired, imdbId: PropTypes.string, title: PropTypes.string.isRequired, + year: PropTypes.string.isRequired, runtime: PropTypes.number.isRequired, ratings: PropTypes.object.isRequired, path: PropTypes.string.isRequired,