mirror of https://github.com/lidarr/Lidarr
New: Add MB Link to add new artist search result
Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>
This commit is contained in:
parent
d3ff5439ce
commit
700fdd18eb
|
@ -20,7 +20,12 @@
|
||||||
height: 250px;
|
height: 250px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
flex: 0 1 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
|
display: flex;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
}
|
}
|
||||||
|
@ -30,6 +35,18 @@
|
||||||
color: $disabledColor;
|
color: $disabledColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mbLink {
|
||||||
|
composes: link from '~Components/Link/Link.css';
|
||||||
|
|
||||||
|
margin-top: -4px;
|
||||||
|
margin-left: auto;
|
||||||
|
color: $textColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mbLinkIcon {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.alreadyExistsIcon {
|
.alreadyExistsIcon {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
color: #37bc9b;
|
color: #37bc9b;
|
||||||
|
|
|
@ -59,6 +59,10 @@ class AddNewArtistSearchResult extends Component {
|
||||||
this.setState({ isNewAddArtistModalOpen: false });
|
this.setState({ isNewAddArtistModalOpen: false });
|
||||||
}
|
}
|
||||||
|
|
||||||
|
onMBLinkPress = (event) => {
|
||||||
|
event.stopPropagation();
|
||||||
|
}
|
||||||
|
|
||||||
//
|
//
|
||||||
// Render
|
// Render
|
||||||
|
|
||||||
|
@ -104,7 +108,7 @@ class AddNewArtistSearchResult extends Component {
|
||||||
/>
|
/>
|
||||||
}
|
}
|
||||||
|
|
||||||
<div>
|
<div className={styles.content}>
|
||||||
<div className={styles.name}>
|
<div className={styles.name}>
|
||||||
{artistName}
|
{artistName}
|
||||||
|
|
||||||
|
@ -131,6 +135,18 @@ class AddNewArtistSearchResult extends Component {
|
||||||
/> :
|
/> :
|
||||||
null
|
null
|
||||||
}
|
}
|
||||||
|
|
||||||
|
<Link
|
||||||
|
className={styles.mbLink}
|
||||||
|
to={`https://musicbrainz.org/artist/${foreignArtistId}`}
|
||||||
|
onPress={this.onMBLinkPress}
|
||||||
|
>
|
||||||
|
<Icon
|
||||||
|
className={styles.mbLinkIcon}
|
||||||
|
name={icons.EXTERNAL_LINK}
|
||||||
|
size={28}
|
||||||
|
/>
|
||||||
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
const lidarrGreen = '#00A65B';
|
const lidarrGreen = '#00A65B';
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
|
textColor: '#515253',
|
||||||
defaultColor: '#333',
|
defaultColor: '#333',
|
||||||
disabledColor: '#999',
|
disabledColor: '#999',
|
||||||
dimColor: '#555',
|
dimColor: '#555',
|
||||||
|
|
Loading…
Reference in New Issue