From dc9da85e6825b3cb70e2e6ad4f35c0db3aeb26c2 Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Wed, 11 Oct 2023 12:20:10 +0330
Subject: [PATCH] feat: reorder sounds in favorites

---
 src/components/categories/categories.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/categories/categories.tsx b/src/components/categories/categories.tsx
index 6e71935..dfde798 100644
--- a/src/components/categories/categories.tsx
+++ b/src/components/categories/categories.tsx
@@ -18,10 +18,17 @@ export function Categories() {
   const favorites = useFavoriteStore(useShallow(state => state.favorites));
 
   const favoriteSounds = useMemo(() => {
-    return categories
+    const favoriteSounds = categories
       .map(category => category.sounds)
       .flat()
       .filter(sound => favorites.includes(sound.id));
+
+    /**
+     * Reorder based on the order of favorites
+     */
+    return favorites.map(favorite =>
+      favoriteSounds.find(sound => sound.id === favorite),
+    );
   }, [favorites, categories]);
 
   useEffect(() => console.log({ favoriteSounds }), [favoriteSounds]);