Guest User

Untitled

a guest
Mar 21st, 2018
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.71 KB | None | 0 0
  1. import React from 'react';
  2. import './Playlist.css';
  3. import TrackList from '../TrackList/TrackList';
  4.  
  5. class Playlist extends React.Component {
  6.  
  7. constructor(props) {
  8. super(props);
  9. this.handleNameChange = this.handleNameChange.bind(this);
  10. }
  11.  
  12. handleNameChange(event) {
  13. this.props.onNameChange(event.target.value);
  14. }
  15.  
  16. render() {
  17. return(
  18. <div className="Playlist">
  19. <input defaultValue={this.props.playlistName} onChange={this.handleNameChange} />
  20. <TrackList tracks={this.props.playlistTracks} onRemove={this.props.onRemove} isRemoval={true} />
  21. <a className="Playlist-save" onClick={this.props.onSave}>SAVE TO SPOTIFY</a>
  22. </div>
  23. );
  24. }
  25. }
  26.  
  27. export default Playlist;
Add Comment
Please, Sign In to add comment