New: Add MB Link to add new artist search result

Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>
pull/6/head
Qstick 5 years ago
parent 965db35db3
commit 38a590798b

@ -20,7 +20,12 @@
height: 250px;
}
.content {
flex: 0 1 100%;
}
.name {
display: flex;
font-weight: 300;
font-size: 36px;
}
@ -30,6 +35,18 @@
color: $disabledColor;
}
.mbLink {
composes: link from '~Components/Link/Link.css';
margin-top: -4px;
margin-left: auto;
color: $textColor;
}
.mbLinkIcon {
margin-left: 10px;
}
.alreadyExistsIcon {
margin-left: 10px;
color: #37bc9b;

@ -59,6 +59,10 @@ class AddNewArtistSearchResult extends Component {
this.setState({ isNewAddArtistModalOpen: false });
}
onMBLinkPress = (event) => {
event.stopPropagation();
}
//
// Render
@ -104,7 +108,7 @@ class AddNewArtistSearchResult extends Component {
/>
}
<div>
<div className={styles.content}>
<div className={styles.name}>
{artistName}
@ -131,6 +135,18 @@ class AddNewArtistSearchResult extends Component {
/> :
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>

@ -1,6 +1,7 @@
const lidarrGreen = '#00A65B';
module.exports = {
textColor: '#515253',
defaultColor: '#333',
disabledColor: '#999',
dimColor: '#555',

Loading…
Cancel
Save