diff --git a/frontend/src/Movie/Index/Overview/MovieIndexOverview.css b/frontend/src/Movie/Index/Overview/MovieIndexOverview.css index e15b44cbb..f1e14053f 100644 --- a/frontend/src/Movie/Index/Overview/MovieIndexOverview.css +++ b/frontend/src/Movie/Index/Overview/MovieIndexOverview.css @@ -93,3 +93,7 @@ $hoverScale: 1.05; display: none; } } + +.externalLinks { + margin-right: 0.5em; +} diff --git a/frontend/src/Movie/Index/Overview/MovieIndexOverview.js b/frontend/src/Movie/Index/Overview/MovieIndexOverview.js index fb529347f..38cc56999 100644 --- a/frontend/src/Movie/Index/Overview/MovieIndexOverview.js +++ b/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 {
+ + + } + title="Links" + body={ + + } + /> + + + + + + } + title="Links" + body={ + + } + /> + { @@ -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 = { diff --git a/frontend/src/Movie/Index/Table/MovieIndexRow.css b/frontend/src/Movie/Index/Table/MovieIndexRow.css index 031bf72c4..984d8650b 100644 --- a/frontend/src/Movie/Index/Table/MovieIndexRow.css +++ b/frontend/src/Movie/Index/Table/MovieIndexRow.css @@ -96,3 +96,7 @@ margin-top: 0; } + +.externalLinks { + margin-right: 0.5em; +} diff --git a/frontend/src/Movie/Index/Table/MovieIndexRow.js b/frontend/src/Movie/Index/Table/MovieIndexRow.js index 41d07ca5a..4db68797d 100644 --- a/frontend/src/Movie/Index/Table/MovieIndexRow.js +++ b/frontend/src/Movie/Index/Table/MovieIndexRow.js @@ -16,6 +16,9 @@ import MovieStatusCell from './MovieStatusCell'; import MovieFileStatusConnector from 'Movie/MovieFileStatusConnector'; import VirtualTableSelectCell from 'Components/Table/Cells/VirtualTableSelectCell'; import styles from './MovieIndexRow.css'; +import Icon from 'Components/Icon'; +import Popover from 'Components/Tooltip/Popover'; +import MovieDetailsLinks from 'Movie/Details/MovieDetailsLinks'; class MovieIndexRow extends Component { @@ -61,6 +64,9 @@ class MovieIndexRow extends Component { render() { const { id, + tmdbId, + imdbId, + youTubeTrailerId, monitored, status, title, @@ -141,10 +147,12 @@ class MovieIndexRow extends Component { key={name} className={styles[name]} > + + ); } @@ -352,6 +360,25 @@ class MovieIndexRow extends Component { key={name} className={styles[name]} > + + + } + title="Links" + body={ + + } + /> + +