36 lines
654 B
JavaScript
36 lines
654 B
JavaScript
import React from 'react';
|
|
|
|
import Album from './Album';
|
|
|
|
const AlbumList = (props) => {
|
|
const albums = props.albums.map((album) =>
|
|
<Album key={album.id} album={album} getTracks={props.getTracks} />);
|
|
|
|
return (
|
|
<div className="col-md-3" style={AlbumList.styles.div}>
|
|
<ul style={AlbumList.styles.ul}>
|
|
{albums}
|
|
</ul>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
AlbumList.propTypes = {
|
|
albums: React.PropTypes.array.isRequired,
|
|
getTracks: React.PropTypes.func.isRequired,
|
|
};
|
|
|
|
AlbumList.styles = {
|
|
div: {
|
|
width: 370,
|
|
marginLeft: 30,
|
|
textAlign: 'right',
|
|
maxHeight: '85vh',
|
|
overflowY: 'auto',
|
|
},
|
|
ul: {
|
|
listStyle: 'none',
|
|
},
|
|
};
|
|
|
|
export default AlbumList; |