mirror of
https://github.com/Radarr/Radarr.git
synced 2024-09-11 20:12:41 +02:00
New: TMDB Link on Search Results
This commit is contained in:
parent
14c943bd48
commit
05f0156661
@ -20,7 +20,12 @@
|
|||||||
height: 250px;
|
height: 250px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
flex: 0 1 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
|
display: flex;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
}
|
}
|
||||||
@ -30,6 +35,18 @@
|
|||||||
color: $disabledColor;
|
color: $disabledColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tmdbLink {
|
||||||
|
composes: link from '~Components/Link/Link.css';
|
||||||
|
|
||||||
|
margin-top: -4px;
|
||||||
|
margin-left: auto;
|
||||||
|
color: $textColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tmdbLinkIcon {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.alreadyExistsIcon {
|
.alreadyExistsIcon {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
color: #37bc9b;
|
color: #37bc9b;
|
||||||
|
@ -39,6 +39,10 @@ class AddNewMovieSearchResult extends Component {
|
|||||||
this.setState({ isNewAddMovieModalOpen: false });
|
this.setState({ isNewAddMovieModalOpen: false });
|
||||||
}
|
}
|
||||||
|
|
||||||
|
onTMDBLinkPress = (event) => {
|
||||||
|
event.stopPropagation();
|
||||||
|
}
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
||||||
@ -82,7 +86,7 @@ class AddNewMovieSearchResult extends Component {
|
|||||||
/>
|
/>
|
||||||
}
|
}
|
||||||
|
|
||||||
<div>
|
<div className={styles.content}>
|
||||||
<div className={styles.title}>
|
<div className={styles.title}>
|
||||||
{title}
|
{title}
|
||||||
|
|
||||||
@ -110,6 +114,18 @@ class AddNewMovieSearchResult extends Component {
|
|||||||
title="Movie is on Net Import Exclusion List"
|
title="Movie is on Net Import Exclusion List"
|
||||||
/>
|
/>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
<Link
|
||||||
|
className={styles.tmdbLink}
|
||||||
|
to={`https://www.themoviedb.org/movie/${tmdbId}`}
|
||||||
|
onPress={this.onTMDBLinkPress}
|
||||||
|
>
|
||||||
|
<Icon
|
||||||
|
className={styles.tmdbLinkIcon}
|
||||||
|
name={icons.EXTERNAL_LINK}
|
||||||
|
size={28}
|
||||||
|
/>
|
||||||
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
const radarrYellow = '#ffc230';
|
const radarrYellow = '#ffc230';
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
|
textColor: '#515253',
|
||||||
defaultColor: '#333',
|
defaultColor: '#333',
|
||||||
disabledColor: '#999',
|
disabledColor: '#999',
|
||||||
dimColor: '#555',
|
dimColor: '#555',
|
||||||
|
Loading…
Reference in New Issue
Block a user