[P2C5-Solution] L'alerte au clic sur la li ne fonctionne pas

[PointonKaren]

Il y a une coquille dans le fichier PlantItem.js.

La fonction PlantItem dans la solution est :

function PlantItem({ cover, name, water, light }) {
  return (
    <li className="lmj-plant-item" onClick={() => handleClick}>
      <img className="lmj-plant-item-cover" src={cover} alt={`${name} cover`} />
      {name}
      <div>
        <CareScale careType="water" scaleValue={water} />
        <CareScale careType="light" scaleValue={light} />
      </div>
    </li>
  );
}

Pour que l'event onClick fonctionne, l'appel à la fonction handleClick devrait être ainsi handleClick(name).
Une fois corrigée, la fonction PlantItem ressemble à ceci :

function PlantItem({ cover, name, water, light }) {
  return (
    <li className="lmj-plant-item" onClick={() => handleClick(name)}>
      <img className="lmj-plant-item-cover" src={cover} alt={`${name} cover`} />
      {name}
      <div>
        <CareScale careType="water" scaleValue={water} />
        <CareScale careType="light" scaleValue={light} />
      </div>
    </li>
  );
}