import Item from './Item';
import { Link } from 'react-router-dom';

const ItemList = ({ items }) => {

    return (
        <>
            <div className='item-list'>
                {items.length <= 0 && <p>Aucun morceaux à montrer...</p>}
                {items.map((item) =>
                    <Link key={item.id} className='item-link' to={`/morceaux/${item.id}`}>
                        <Item  imageUrl={item.imageName}
                            name={item.title}
                            price={item.price}
                            status={item.status}
                            newPrice={item.promoPrice}
                        />
                    </Link>
                )}
            </div>
            
        </>

    )
}

export default ItemList;