Radio seeds now showing in 'Added from'

This commit is contained in:
James Barnsley
2019-10-03 09:21:38 +13:00
parent e9ccd8f5f5
commit d1d2ee5ca3
7 changed files with 200 additions and 190 deletions

View File

@ -15,7 +15,7 @@ import * as spotifyActions from '../../services/spotify/actions';
import * as pusherActions from '../../services/pusher/actions';
import * as helpers from '../../helpers';
class EditRadio extends React.Component {
class EditRadio extends React.Component {
constructor(props) {
super(props);
this.state = {
@ -43,7 +43,6 @@ class EditRadio extends React.Component {
loadRadio(radio) {
const seeds = [...radio.seed_tracks, ...radio.seed_artists, ...radio.seed_genres];
this.setState({ seeds, enabled: radio.enabled });
this.props.spotifyActions.resolveRadioSeeds(radio);
}
handleStart(e) {
@ -193,15 +192,15 @@ class EditRadio extends React.Component {
seeds.map((seed, index) => (
<div className="list__item" key={seed.uri}>
{seed.unresolved ? <span className="mid_grey-text">{seed.uri}</span> : <span>{seed.name}</span> }
{!seed.unresolved ? (
<span className="mid_grey-text">
&nbsp;(
{helpers.uriType(seed.uri)}
)
</span>
{!seed.unresolved ? (
<span className="mid_grey-text">
&nbsp;(
{helpers.uriType(seed.uri)}
)
</span>
) : null}
<span className="button discrete remove-uri no-hover" onClick={(e) => this.removeSeed(seed.uri)}>
<Icon name="delete" />
<Icon name="delete" />
Remove
</span>
</div>
@ -213,7 +212,7 @@ Remove
}
return (
<div className="no-results">No seeds</div>
);
);
}
render() {
@ -232,10 +231,10 @@ Remove
<input
type="text"
onChange={(e) => this.setState({ uri: e.target.value, error_message: null })}
value={this.state.uri}
value={this.state.uri}
/>
<span className="button discrete add-uri no-hover" onClick={(e) => this.addSeed(e)}>
<Icon name="add" />
<Icon name="add" />
Add
</span>
{this.state.error_message ? <span className="description error">{this.state.error_message}</span> : null}
@ -268,4 +267,4 @@ const mapDispatchToProps = (dispatch) => ({
spotifyActions: bindActionCreators(spotifyActions, dispatch),
});
export default connect(mapStateToProps, mapDispatchToProps)(EditRadio);
export default connect(mapStateToProps, mapDispatchToProps)(EditRadio);