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={
+
+ }
+ />
+
+