diff --git a/react-project/src/App.jsx b/react-project/src/App.jsx
index 0a54e52..f56d925 100644
--- a/react-project/src/App.jsx
+++ b/react-project/src/App.jsx
@@ -58,6 +58,7 @@ function App() {
       {filtres.map((jeu) => (
         <Carte
           key={jeu.id}
+          gameId={jeu.id}
           titre={jeu.titre}
           console={jeu.console}
           annee={jeu.annee}
diff --git a/react-project/src/components/Carte.jsx b/react-project/src/components/Carte.jsx
index b67beef..ae2cdd2 100644
--- a/react-project/src/components/Carte.jsx
+++ b/react-project/src/components/Carte.jsx
@@ -3,13 +3,13 @@ import Badge from "./Badge";
 import { useState } from "react";
 
 function Carte(props) {
+  console.log(props.gameId);
   const [likes, setLikes] = useState(
-    () => Number(localStorage.getItem("likes-" + props.id)) || 0,
+    () => Number(localStorage.getItem("likes-" + props.gameId)) || 0,
   );
   useEffect(() => {
-    localStorage.setItem("likes-" + props.id, likes);
+    localStorage.setItem("likes-" + props.gameId, likes);
   }, [likes]);
-  useEffect(() => {}, [likes]);
 
   return (
     <div className="carte">
@@ -17,7 +17,14 @@ function Carte(props) {
       <p>
         {props.console} - {props.annee} - <Badge />
       </p>
-      <button onClick={() => setLikes(likes + 1)}>❤️ {likes} </button>
+      <button
+        onClick={() => {
+          setLikes(likes + 1);
+          props.onLike();
+        }}
+      >
+        ❤️ {likes}
+      </button>
     </div>
   );
 }