diff --git a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css index df53e30d4a1..980f2681aac 100644 --- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css +++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css @@ -85,8 +85,13 @@ margin-top: 20px; } +.studio, +.genres { + margin-left: 5px; +} + .links { - margin-left: 8px; + margin-left: 5px; pointer-events: all; } diff --git a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css.d.ts b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css.d.ts index a9f2bd97d89..a0d0e2c81dd 100644 --- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css.d.ts +++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css.d.ts @@ -5,6 +5,7 @@ interface CssExports { 'certification': string; 'content': string; 'exclusionIcon': string; + 'genres': string; 'icons': string; 'links': string; 'overlay': string; @@ -14,6 +15,7 @@ interface CssExports { 'runtime': string; 'searchResult': string; 'statusContainer': string; + 'studio': string; 'title': string; 'titleContainer': string; 'titleRow': string; diff --git a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js index 5f4b973a1da..733208c8482 100644 --- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js +++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js @@ -1,6 +1,7 @@ import PropTypes from 'prop-types'; import React, { Component } from 'react'; import Icon from 'Components/Icon'; +import ImdbRating from 'Components/ImdbRating'; import Label from 'Components/Label'; import Link from 'Components/Link/Link'; import TmdbRating from 'Components/TmdbRating'; @@ -61,6 +62,7 @@ class AddNewMovieSearchResult extends Component { titleSlug, year, studio, + genres, status, overview, ratings, @@ -197,13 +199,46 @@ class AddNewMovieSearchResult extends Component { /> + { + ratings.imdb ? + : + null + } + { !!studio && } + { + genres.length > 0 ? + : + null + } + - Links + {translate('Links')} } tooltip={ } canFlip={true} @@ -273,6 +308,7 @@ AddNewMovieSearchResult.propTypes = { titleSlug: PropTypes.string.isRequired, year: PropTypes.number.isRequired, studio: PropTypes.string, + genres: PropTypes.arrayOf(PropTypes.string), status: PropTypes.string.isRequired, overview: PropTypes.string, ratings: PropTypes.object.isRequired, @@ -294,4 +330,8 @@ AddNewMovieSearchResult.propTypes = { certification: PropTypes.string }; +AddNewMovieSearchResult.defaultProps = { + genres: [] +}; + export default AddNewMovieSearchResult;