New: Add TmdbId and ImdbId to manual import movie selection

Fixes #8483

frontend/src/InteractiveImport/Movie/SelectMovieRow.js

@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import Link from 'Components/Link/Link';
+import Label from 'Components/Label';
+import VirtualTableRowCell from 'Components/Table/Cells/VirtualTableRowCell';
 import styles from './SelectMovieRow.css';
 
 class SelectMovieRow extends Component {
@@ -17,13 +18,23 @@ class SelectMovieRow extends Component {
 
   render() {
     return (
-      <Link
-        className={styles.movie}
-        component="div"
-        onPress={this.onPress}
-      >
-        {this.props.title} ({this.props.year})
-      </Link>
+      <>
+        <VirtualTableRowCell className={styles.title}>
+          {this.props.title}
+        </VirtualTableRowCell>
+
+        <VirtualTableRowCell className={styles.year}>
+          {this.props.year}
+        </VirtualTableRowCell>
+
+        <VirtualTableRowCell className={styles.imdbId}>
+          <Label>{this.props.imdbId}</Label>
+        </VirtualTableRowCell>
+
+        <VirtualTableRowCell className={styles.tmdbId}>
+          <Label>{this.props.tmdbId}</Label>
+        </VirtualTableRowCell>
+      </>
     );
   }
 }
@@ -31,6 +42,8 @@ class SelectMovieRow extends Component {
 SelectMovieRow.propTypes = {
   id: PropTypes.number.isRequired,
   title: PropTypes.string.isRequired,
+  tmdbId: PropTypes.number.isRequired,
+  imdbId: PropTypes.string.isRequired,
   year: PropTypes.number.isRequired,
   onMovieSelect: PropTypes.func.isRequired
 };