Added Original Title to Movie Details and to Adding New Movie-Modal.

Showing original title only conditionally
Radarr · Oct 6, 2024 · 4a4e786 · 4a4e786
1 parent 75c7a3c
commit 4a4e786
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 1 deletion.
diff --git a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css
@@ -85,6 +85,7 @@
   margin-top: 20px;
 }
 
+.originalTitle,
 .originalLanguage,
 .studio,
 .genres {

diff --git a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css.d.ts b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css.d.ts
@@ -9,6 +9,7 @@ interface CssExports {
   'icons': string;
   'links': string;
   'originalLanguage': string;
+  'originalTitle': string;
   'overlay': string;
   'overview': string;
   'poster': string;

diff --git a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js
@@ -63,6 +63,7 @@ class AddNewMovieSearchResult extends Component {
       year,
       studio,
       originalLanguage,
+      originalTitle,
       genres,
       status,
       overview,
@@ -228,6 +229,20 @@ class AddNewMovieSearchResult extends Component {
                   null
               }
 
+              {
+                originalTitle && originalTitle !== title ?
+                  <Label size={sizes.LARGE}>
+                    <Icon
+                      name={icons.FILM}
+                      size={13}
+                    />
+                    <span className={styles.originalTitle}>
+                      {originalTitle}
+                    </span>
+                  </Label> :
+                  null
+              }
+
               {
                 studio ?
                   <Label size={sizes.LARGE}>
@@ -328,6 +343,7 @@ AddNewMovieSearchResult.propTypes = {
   year: PropTypes.number.isRequired,
   studio: PropTypes.string,
   originalLanguage: PropTypes.object,
+  originalTitle: PropTypes.object,
   genres: PropTypes.arrayOf(PropTypes.string),
   status: PropTypes.string.isRequired,
   overview: PropTypes.string,

diff --git a/frontend/src/Movie/Details/MovieDetails.js b/frontend/src/Movie/Details/MovieDetails.js
@@ -440,8 +440,8 @@ class MovieDetails extends Component {
                             body={
                               <MovieReleaseDates
                                 inCinemas={inCinemas}
-                                digitalRelease={digitalRelease}
                                 physicalRelease={physicalRelease}
+                                digitalRelease={digitalRelease}
                               />
                             }
                             position={tooltipPositions.BOTTOM}
@@ -625,6 +625,20 @@ class MovieDetails extends Component {
                       null
                   }
 
+                  {
+                    originalTitle && originalTitle !== title && !isSmallScreen ?
+                      <InfoLabel
+                        className={styles.detailsInfoLabel}
+                        name={translate('OriginalTitle')}
+                        size={sizes.LARGE}
+                      >
+                        <span className={styles.originalLanguage}>
+                          {originalTitle}
+                        </span>
+                      </InfoLabel> :
+                      null
+                  }
+
                   {
                     studio && !isSmallScreen ?
                       <InfoLabel