Fixed: OriginalTitle in the API using the Title

New: Change tooltip (title) on movie details to original title

frontend/src/Components/Marquee.js

@@ -9,6 +9,7 @@ class Marquee extends Component {
 
   static propTypes = {
     text: PropTypes.string,
+    title: PropTypes.string,
     hoverToStop: PropTypes.bool,
     loop: PropTypes.bool,
     className: PropTypes.string
@@ -16,6 +17,7 @@ class Marquee extends Component {
 
   static defaultProps = {
     text: '',
+    title: '',
     hoverToStop: true,
     loop: false
   };
@@ -144,7 +146,7 @@ class Marquee extends Component {
               this.text = el;
             }}
             style={style}
-            title={this.props.text}
+            title={(this.props.title && (this.props.text !== this.props.title)) ? `Original Title: ${this.props.title}` : this.props.text}
           >
             {this.props.text}
           </span>
@@ -167,7 +169,7 @@ class Marquee extends Component {
             this.text = el;
           }}
           style={style}
-          title={this.props.text}
+          title={(this.props.title && (this.props.text !== this.props.title)) ? `Original Title: ${this.props.title}` : this.props.text}
         >
           {this.props.text}
         </span>

frontend/src/Movie/Details/MovieDetails.js

@@ -235,6 +235,7 @@ class MovieDetails extends Component {
       tmdbId,
       imdbId,
       title,
+      originalTitle,
       year,
       inCinemas,
       physicalRelease,
@@ -370,7 +371,7 @@ class MovieDetails extends Component {
                       </div>
 
                       <div className={styles.title} style={{ width: marqueeWidth }}>
-                        <Marquee text={title} />
+                        <Marquee text={title} title={originalTitle} />
                       </div>
                     </div>
 
@@ -736,6 +737,7 @@ MovieDetails.propTypes = {
   tmdbId: PropTypes.number.isRequired,
   imdbId: PropTypes.string,
   title: PropTypes.string.isRequired,
+  originalTitle: PropTypes.string,
   year: PropTypes.number.isRequired,
   runtime: PropTypes.number.isRequired,
   certification: PropTypes.string,

src/Radarr.Api.V3/Movies/MovieResource.cs

@@ -91,7 +91,7 @@ namespace Radarr.Api.V3.Movies
                 Id = model.Id,
                 TmdbId = model.TmdbId,
                 Title = model.Title,
-                OriginalTitle = model.Title,
+                OriginalTitle = model.OriginalTitle,
                 SortTitle = model.SortTitle,
                 InCinemas = model.InCinemas,
                 PhysicalRelease = model.PhysicalRelease,
@@ -154,7 +154,7 @@ namespace Radarr.Api.V3.Movies
                 Id = model.Id,
                 TmdbId = model.TmdbId,
                 Title = translatedTitle,
-                OriginalTitle = model.Title,
+                OriginalTitle = model.OriginalTitle,
                 SortTitle = translatedTitle.NormalizeTitle(),
                 InCinemas = model.InCinemas,
                 PhysicalRelease = model.PhysicalRelease,
@@ -217,6 +217,7 @@ namespace Radarr.Api.V3.Movies
                 Id = model.Id,
                 TmdbId = model.TmdbId,
                 Title = translatedTitle,
+                OriginalTitle = model.OriginalTitle,
                 SortTitle = translatedTitle.NormalizeTitle(),
                 InCinemas = model.InCinemas,
                 PhysicalRelease = model.PhysicalRelease,
@@ -274,6 +275,7 @@ namespace Radarr.Api.V3.Movies
                 TmdbId = resource.TmdbId,
 
                 Title = resource.Title,
+                OriginalTitle = resource.OriginalTitle,
                 SortTitle = resource.SortTitle,
                 InCinemas = resource.InCinemas,
                 PhysicalRelease = resource.PhysicalRelease,