diff --git a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css index 59e1e86d6..3aefc9e91 100644 --- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css +++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.css @@ -47,12 +47,6 @@ color: $disabledColor; } -.externalLink { - margin-top: 5px; - margin-left: auto; - color: $textColor; -} - .alreadyExistsIcon { margin-left: 10px; color: #37bc9b; @@ -68,3 +62,8 @@ .overview { margin-top: 20px; } + +.links { + margin-left: 8px; + pointer-events: all; +} diff --git a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js index d7f4eb25e..a61f76b42 100644 --- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js +++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieSearchResult.js @@ -4,7 +4,9 @@ import HeartRating from 'Components/HeartRating'; import Icon from 'Components/Icon'; import Label from 'Components/Label'; import Link from 'Components/Link/Link'; -import { icons, kinds, sizes } from 'Helpers/Props'; +import Tooltip from 'Components/Tooltip/Tooltip'; +import { icons, kinds, sizes, tooltipPositions } from 'Helpers/Props'; +import MovieDetailsLinks from 'Movie/Details/MovieDetailsLinks'; import MoviePoster from 'Movie/MoviePoster'; import AddNewMovieModal from './AddNewMovieModal'; import styles from './AddNewMovieSearchResult.css'; @@ -50,6 +52,7 @@ class AddNewMovieSearchResult extends Component { const { tmdbId, imdbId, + youTubeTrailerId, title, titleSlug, year, @@ -117,42 +120,6 @@ class AddNewMovieSearchResult extends Component { title="Movie is on Net Import Exclusion List" /> } - - { - isSmallScreen ? - null : -
- - - - - { - imdbId && - - - - } - - - - -
- }
@@ -170,6 +137,32 @@ class AddNewMovieSearchResult extends Component { } + + + + + Links + + + } + tooltip={ + + } + kind={kinds.INVERSE} + position={tooltipPositions.BOTTOM} + /> + { status === 'ended' &&