diff --git a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css
index df53e30d4..980f2681a 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 a9f2bd97d..a0d0e2c81 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 5f4b973a1..733208c84 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;