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

#403

frontend/src/Movie/Index/Posters/MovieIndexPoster.js

@@ -12,6 +12,9 @@ import DeleteMovieModal from 'Movie/Delete/DeleteMovieModal';
 import MovieIndexProgressBar from 'Movie/Index/ProgressBar/MovieIndexProgressBar';
 import MovieIndexPosterInfo from './MovieIndexPosterInfo';
 import styles from './MovieIndexPoster.css';
+import Icon from 'Components/Icon';
+import Popover from 'Components/Tooltip/Popover';
+import MovieDetailsLinks from 'Movie/Details/MovieDetailsLinks';
 
 class MovieIndexPoster extends Component {
 
@@ -77,6 +80,9 @@ class MovieIndexPoster extends Component {
   render() {
     const {
       id,
+      tmdbId,
+      imdbId,
+      youTubeTrailerId,
       title,
       monitored,
       hasFile,
@@ -157,6 +163,25 @@ class MovieIndexPoster extends Component {
               title="Edit movie"
               onPress={this.onEditMoviePress}
             />
+
+            <span className={styles.externalLinks}>
+              <Popover
+                anchor={
+                  <Icon
+                    name={icons.EXTERNAL_LINK}
+                    size={12}
+                  />
+                }
+                title="Links"
+                body={
+                  <MovieDetailsLinks
+                    tmdbId={tmdbId}
+                    imdbId={imdbId}
+                    youTubeTrailerId={youTubeTrailerId}
+                  />
+                }
+              />
+            </span>
           </Label>
 
           {
@@ -272,7 +297,10 @@ MovieIndexPoster.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
 };
 
 MovieIndexPoster.defaultProps = {