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;
|