diff --git a/react-project/src/App.jsx b/react-project/src/App.jsx
index 224f60c..eb8f47e 100644
--- a/react-project/src/App.jsx
+++ b/react-project/src/App.jsx
@@ -4,6 +4,8 @@ import Header from "./components/Header";
import Footer from "./components/Footer";
import Accueil from "./pages/Accueil";
import Detail from "./pages/Detail";
+import NotFound from "./pages/NotFound";
+
import "./App.css";
function App() {
@@ -11,6 +13,7 @@ function App() {
const stocke = localStorage.getItem("jeux");
return stocke ? JSON.parse(stocke) : null;
});
+
const [likes, setLikes] = useState(() =>
JSON.parse(localStorage.getItem("likes") || "{}"),
);
@@ -51,10 +54,12 @@ function App() {
setJeux={setJeux}
likes={likes}
onLike={liker}
+ setLikes={setLikes}
/>
}
/>
} />
+ } />
>
diff --git a/react-project/src/components/Header.jsx b/react-project/src/components/Header.jsx
index fa4a8de..7bba778 100644
--- a/react-project/src/components/Header.jsx
+++ b/react-project/src/components/Header.jsx
@@ -1,7 +1,4 @@
-import { useState } from "react";
-
function Header() {
- const [count, setCount] = useState(0);
return (
@@ -10,13 +7,6 @@ function Header() {
-
);
}
diff --git a/react-project/src/pages/Accueil.jsx b/react-project/src/pages/Accueil.jsx
index 6b569de..aecd239 100644
--- a/react-project/src/pages/Accueil.jsx
+++ b/react-project/src/pages/Accueil.jsx
@@ -2,7 +2,7 @@ import Carte from "../components/Carte";
import BarreRecherche from "../components/BarreRecherche";
import { useState } from "react";
-function Accueil({ jeux, setJeux, likes, onLike }) {
+function Accueil({ jeux, setJeux, likes, setLikes, onLike }) {
const [recherche, setRecherche] = useState("");
const [titre, setTitre] = useState("");
const [annee, setAnnee] = useState("");
@@ -17,6 +17,11 @@ function Accueil({ jeux, setJeux, likes, onLike }) {
: 0;
function supprimer(id) {
setJeux(jeux.filter((j) => j.id !== id));
+ setLikes((prev) => {
+ const copie = { ...prev }; // une COPIE (on ne modifie jamais l'ancien objet)
+ delete copie[id]; // on retire l'entrée de ce jeu
+ return copie; // on renvoie le nouvel objet
+ });
}
const top = [...jeux]
diff --git a/react-project/src/pages/Detail.jsx b/react-project/src/pages/Detail.jsx
index a699d3d..f6c5379 100644
--- a/react-project/src/pages/Detail.jsx
+++ b/react-project/src/pages/Detail.jsx
@@ -15,7 +15,7 @@ function Detail({ jeux, likes }) {
← Retour
{jeu.titre}
- {jeu.console} — {jeu.annee} — {jeu.Type}
+ {jeu.plateforme} — {jeu.annee} — {jeu.Type}
❤️ Likes : {likes[jeu.id] || 0}