added inverse search

react-project/src/pages/Accueil.jsx

@@ -15,6 +15,8 @@ function Accueil({ jeux, setJeux, likes, setLikes, onLike }) {
   const anneeMoyenne = nbJeux
     ? Math.round(jeux.reduce((s, j) => s + Number(j.annee), 0) / nbJeux)
     : 0;
+  const [ordre, setOrdre] = useState("asc");
+
   function supprimer(id) {
     setJeux(jeux.filter((j) => j.id !== id));
     setLikes((prev) => {
@@ -44,7 +46,7 @@ function Accueil({ jeux, setJeux, likes, setLikes, onLike }) {
     setPlateforme("");
   }
 
-  const affiches = [...jeux]
+  let affiches = [...jeux]
     .filter((j) => j.titre.toLowerCase().includes(recherche.toLowerCase()))
     .filter((j) => filtreType === "tous" || j.Type === filtreType)
     .sort((a, b) => {
@@ -52,6 +54,7 @@ function Accueil({ jeux, setJeux, likes, setLikes, onLike }) {
       if (tri === "annee") return a.annee - b.annee;
       return 0;
     });
+  if (ordre === "desc") affiches.reverse();
 
   return (
     <>
@@ -67,6 +70,9 @@ function Accueil({ jeux, setJeux, likes, setLikes, onLike }) {
         <button onClick={() => setFiltreType("tous")}>Tous</button>
         <button onClick={() => setFiltreType("2d")}>2D</button>
         <button onClick={() => setFiltreType("3d")}>3D</button>
+        <button onClick={() => setOrdre(ordre === "asc" ? "desc" : "asc")}>
+          {ordre === "asc" ? "A→Z" : "Z→A"}
+        </button>
       </div>
 
       {affiches.length === 0 && <p>Aucun jeu trouvé 😕</p>}