From 9c9a00fcd6347567c7bb96dc7bfccc9b660dd7fc Mon Sep 17 00:00:00 2001
From: Patrick <felix-vi@Debian.Debian>
Date: Sat, 29 Mar 2025 16:38:00 +0100
Subject: [PATCH] optimisation

---
 components/app.riot | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/components/app.riot b/components/app.riot
index 068508f..3e98e8d 100644
--- a/components/app.riot
+++ b/components/app.riot
@@ -39,13 +39,16 @@
                 <h3>Résultats ({searchs.pagination.items.total} résultats trouvés)</h3>
                 <div class="results-grid">
                     <div class="card" each="{item in searchs.items}">
-                        <a if={authUser}  onclick={() => item.isFavorite ? this.removeFavoris(item.id) : this.addFavoris(item.id)}><button><i class={item.isFavorite ? "fa-solid fa-star" : "fa-regular fa-star"}></i></button></a>
+                        <!-- Afficher l'étoile avec la musique immédiatement -->
+                        <a if={authUser} onclick={() => item.isFavorite ? this.removeFavoris(item.id) : this.addFavoris(item.id)}>
+                            <i class={item.isFavorite ? "fa-solid fa-star" : "fa-regular fa-star"}></i>
+                        </a>
                         <a href={ "#/release-details/" + item.id}>
                             {item.title}
-                            <img src="{item.cover_image} " alt="cover " />
+                            <img src="{item.cover_image}" alt="cover" />
                             <div if="{item.type !=='artist' } ">
                                 <p>{item.year}</p>
-                                <footer>{item.community.want}<i class="fa-solid fa-check "></i> {item.community.have}<i class="fa-regular fa-heart "></i></footer>
+                                <footer>{item.community.want}<i class="fa-solid fa-check"></i> {item.community.have}<i class="fa-regular fa-heart"></i></footer>
                             </div>
                         </a>
                     </div>
@@ -88,13 +91,17 @@
                 if (!query) return;
 
                 const result = await window.discogsearch(query, type, page);
+                console.log(result);
 
-                const itemsWithFavorites = await Promise.all(result.results.map(async (item) => {
-                    const isFav = await window.isFavorite(item.id);
-                    return { ...item, isFavorite: isFav };
+                const favoritePromises = result.results.map(item => window.isFavorite(item.id));
+                const favoritesResults = await Promise.all(favoritePromises);
+
+                const enrichedItems = result.results.map((item, index) => ({
+                    ...item,
+                    isFavorite: favoritesResults[index]
                 }));
 
-                this.searchs.items = itemsWithFavorites;
+                this.searchs.items = enrichedItems;
                 this.searchs.pagination = result.pagination;
                 this.searchs.query = query;
                 this.searchs.type = type;