23 lines
469 B
JavaScript
23 lines
469 B
JavaScript
import React from 'react';
|
|
|
|
import Track from './Track';
|
|
|
|
const TrackList = (props) => {
|
|
const tracks = props.tracks.map((track) =>
|
|
<Track key={track.key} track={track} playPreview={props.playPreview} />);
|
|
|
|
return (
|
|
<div className="col-md-3">
|
|
<ul style={{ listStyle: 'none' }}>
|
|
{tracks}
|
|
</ul>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
TrackList.propTypes = {
|
|
tracks: React.PropTypes.array.isRequired,
|
|
playPreview: React.PropTypes.func.isRequired,
|
|
};
|
|
|
|
export default TrackList; |