diff --git a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css
index 980f2681a..63edbd447 100644
--- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css
+++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css
@@ -85,6 +85,7 @@
margin-top: 20px;
}
+.originalLanguage,
.studio,
.genres {
margin-left: 5px;
diff --git a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css.d.ts b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css.d.ts
index a0d0e2c81..6dfa2d8a2 100644
--- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css.d.ts
+++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css.d.ts
@@ -8,6 +8,7 @@ interface CssExports {
'genres': string;
'icons': string;
'links': string;
+ 'originalLanguage': string;
'overlay': string;
'overview': string;
'poster': string;
diff --git a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js
index e72f7695d..e41df3dba 100644
--- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js
+++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js
@@ -62,6 +62,7 @@ class AddNewMovieSearchResult extends Component {
titleSlug,
year,
studio,
+ originalLanguage,
genres,
status,
overview,
@@ -213,17 +214,31 @@ class AddNewMovieSearchResult extends Component {
}
{
- !!studio &&
+ originalLanguage?.name ?
:
+ null
+ }
+ {
+ studio ?
+
+ :
+ null
}
{
@@ -233,7 +248,6 @@ class AddNewMovieSearchResult extends Component {
name={icons.GENRE}
size={13}
/>
-
{genres.slice(0, 3).join(', ')}
@@ -311,6 +325,7 @@ AddNewMovieSearchResult.propTypes = {
titleSlug: PropTypes.string.isRequired,
year: PropTypes.number.isRequired,
studio: PropTypes.string,
+ originalLanguage: PropTypes.object,
genres: PropTypes.arrayOf(PropTypes.string),
status: PropTypes.string.isRequired,
overview: PropTypes.string,
diff --git a/frontend/src/Helpers/Props/icons.js b/frontend/src/Helpers/Props/icons.js
index 81db4866b..de79dc406 100644
--- a/frontend/src/Helpers/Props/icons.js
+++ b/frontend/src/Helpers/Props/icons.js
@@ -179,6 +179,7 @@ export const IN_CINEMAS = fasTicketAlt;
export const INFO = fasInfoCircle;
export const INTERACTIVE = fasUser;
export const KEYBOARD = farKeyboard;
+export const LANGUAGE = fasLanguage;
export const LOGOUT = fasSignOutAlt;
export const MANAGE = fasListCheck;
export const MEDIA_INFO = farFileInvoice;
diff --git a/frontend/src/Movie/Details/MovieDetails.css b/frontend/src/Movie/Details/MovieDetails.css
index 60be33a4c..1c8f955fc 100644
--- a/frontend/src/Movie/Details/MovieDetails.css
+++ b/frontend/src/Movie/Details/MovieDetails.css
@@ -151,6 +151,7 @@
.sizeOnDisk,
.qualityProfileName,
.statusName,
+.originalLanguage,
.studio,
.collection,
.genres {
diff --git a/frontend/src/Movie/Details/MovieDetails.css.d.ts b/frontend/src/Movie/Details/MovieDetails.css.d.ts
index 8724ec28f..96ca37e3c 100644
--- a/frontend/src/Movie/Details/MovieDetails.css.d.ts
+++ b/frontend/src/Movie/Details/MovieDetails.css.d.ts
@@ -21,6 +21,7 @@ interface CssExports {
'monitorToggleButton': string;
'movieNavigationButton': string;
'movieNavigationButtons': string;
+ 'originalLanguage': string;
'overview': string;
'path': string;
'poster': string;
diff --git a/frontend/src/Movie/Details/MovieDetails.js b/frontend/src/Movie/Details/MovieDetails.js
index 2edd0d1d7..34f9f613f 100644
--- a/frontend/src/Movie/Details/MovieDetails.js
+++ b/frontend/src/Movie/Details/MovieDetails.js
@@ -242,6 +242,7 @@ class MovieDetails extends Component {
qualityProfileId,
monitored,
studio,
+ originalLanguage,
genres,
collection,
overview,
@@ -574,7 +575,7 @@ class MovieDetails extends Component {
{
- !!collection &&
+ collection ?
-
+ :
+ null
}
{
- !!studio && !isSmallScreen &&
+ originalLanguage?.name && !isSmallScreen ?
+
+
+ {originalLanguage.name}
+
+ :
+ null
+ }
+
+ {
+ studio && !isSmallScreen ?
{studio}
-
+ :
+ null
}
{
- !!genres.length && !isSmallScreen &&
+ genres.length && !isSmallScreen ?
{genres.join(', ')}
-
+ :
+ null
}
@@ -745,6 +763,7 @@ MovieDetails.propTypes = {
monitored: PropTypes.bool.isRequired,
status: PropTypes.string.isRequired,
studio: PropTypes.string,
+ originalLanguage: PropTypes.object,
genres: PropTypes.arrayOf(PropTypes.string).isRequired,
collection: PropTypes.object,
youTubeTrailerId: PropTypes.string,