New: Added external links to movie index (#4600)

#403

frontend/src/Movie/Index/Overview/MovieIndexOverview.js

@@ -14,6 +14,9 @@ import DeleteMovieModal from 'Movie/Delete/DeleteMovieModal';
 import MovieIndexProgressBar from 'Movie/Index/ProgressBar/MovieIndexProgressBar';
 import MovieIndexOverviewInfo from './MovieIndexOverviewInfo';
 import styles from './MovieIndexOverview.css';
+import Icon from 'Components/Icon';
+import Popover from 'Components/Tooltip/Popover';
+import MovieDetailsLinks from 'Movie/Details/MovieDetailsLinks';
 
 const columnPadding = parseInt(dimensions.movieIndexColumnPadding);
 const columnPaddingSmallScreen = parseInt(dimensions.movieIndexColumnPaddingSmallScreen);
@@ -81,6 +84,9 @@ class MovieIndexOverview extends Component {
   render() {
     const {
       id,
+      tmdbId,
+      imdbId,
+      youTubeTrailerId,
       title,
       overview,
       monitored,
@@ -176,6 +182,25 @@ class MovieIndexOverview extends Component {
               </Link>
 
               <div className={styles.actions}>
+                <span className={styles.externalLinks}>
+                  <Popover
+                    anchor={
+                      <Icon
+                        name={icons.EXTERNAL_LINK}
+                        size={12}
+                      />
+                    }
+                    title="Links"
+                    body={
+                      <MovieDetailsLinks
+                        tmdbId={tmdbId}
+                        imdbId={imdbId}
+                        youTubeTrailerId={youTubeTrailerId}
+                      />
+                    }
+                  />
+                </span>
+
                 <SpinnerIconButton
                   name={icons.REFRESH}
                   title="Refresh Movie"
@@ -271,7 +296,10 @@ MovieIndexOverview.propTypes = {
   onSearchPress: PropTypes.func.isRequired,
   isMovieEditorActive: PropTypes.bool.isRequired,
   isSelected: PropTypes.bool,
-  onSelectedChange: PropTypes.func.isRequired
+  onSelectedChange: PropTypes.func.isRequired,
+  tmdbId: PropTypes.number.isRequired,
+  imdbId: PropTypes.string,
+  youTubeTrailerId: PropTypes.string
 };
 
 export default MovieIndexOverview;