Mirrors/Radarr
1
0
Fork 0
mirror of https://github.com/Radarr/Radarr.git synced 2024-10-05 15:47:20 +02:00
Code Issues Releases Wiki Activity

New: adding a link to tmdb in the import combobox movie search results (#7352)

Browse Source 
Co-authored-by: Alien21 <alien21@alien21.com>
This commit is contained in:
Alien21 2022-07-03 01:32:55 +02:00 committed by GitHub
parent aa0104b6bc
commit b104368e23
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 45 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/AddMovie/ImportMovie/Import/SelectMovie/ImportMovieSearchResult.css
View File

@ -1,4 +1,5 @@
.movie { .container {
display: flex;
padding: 10px 20px; padding: 10px 20px;
width: 100%; width: 100%;
@ -6,3 +7,19 @@
background-color: $menuItemHoverBackgroundColor; background-color: $menuItemHoverBackgroundColor;
} }
} }
.movie {
flex: 1 0 0;
overflow: hidden;
}
.tmdbLink {
composes: link from '~Components/Link/Link.css';
margin-left: auto;
color: $textColor;
}
.tmdbLinkIcon {
margin-left: 10px;
}

38
frontend/src/AddMovie/ImportMovie/Import/SelectMovie/ImportMovieSearchResult.js
View File

@ -1,6 +1,8 @@
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import React, { Component } from 'react'; import React, { Component } from 'react';
import Icon from 'Components/Icon';
import Link from 'Components/Link/Link'; import Link from 'Components/Link/Link';
import { icons } from 'Helpers/Props';
import ImportMovieTitle from './ImportMovieTitle'; import ImportMovieTitle from './ImportMovieTitle';
import styles from './ImportMovieSearchResult.css'; import styles from './ImportMovieSearchResult.css';
@ -18,6 +20,7 @@ class ImportMovieSearchResult extends Component {
render() { render() {
const { const {
tmdbId,
title, title,
year, year,
studio, studio,
@ -25,17 +28,30 @@ class ImportMovieSearchResult extends Component {
} = this.props; } = this.props;
return ( return (
<Link <div className={styles.container}>
className={styles.movie} <Link
onPress={this.onPress} className={styles.movie}
> onPress={this.onPress}
<ImportMovieTitle >
title={title} <ImportMovieTitle
year={year} title={title}
network={studio} year={year}
isExistingMovie={isExistingMovie} network={studio}
/> isExistingMovie={isExistingMovie}
</Link> />
</Link>
<Link
className={styles.tmdbLink}
to={`https://www.themoviedb.org/movie/${tmdbId}`}
>
<Icon
className={styles.tmdbLinkIcon}
name={icons.EXTERNAL_LINK}
size={16}
/>
</Link>
</div>
); );
} }
} }