From 522d1596288de5090e6c4d31ea21d8e8a6d1523e Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Fri, 26 Sep 2025 00:53:06 +0200
Subject: [PATCH] Implement dynamic category filtering in MarketPage

- Added a computed property to dynamically filter products based on search results, enhancing the user experience by displaying relevant products when available.
- Updated the `useCategoryFilter` integration to utilize the new computed property, streamlining the filtering logic and improving overall performance.

These changes provide users with a more responsive and relevant product display in the MarketPage, improving the effectiveness of category filtering.
---
 src/modules/market/views/MarketPage.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/modules/market/views/MarketPage.vue b/src/modules/market/views/MarketPage.vue
index 577f618..ec29a2e 100644
--- a/src/modules/market/views/MarketPage.vue
+++ b/src/modules/market/views/MarketPage.vue
@@ -233,6 +233,13 @@ const marketStore = useMarketStore()
 const market = useMarket()
 const marketPreloader = useMarketPreloader()
 
+// Dynamic category filtering: use search results when available, otherwise all products
+const productsForCategoryFilter = computed(() => {
+  return searchResults.value.length > 0
+    ? searchResults.value
+    : marketStore.products
+})
+
 // Category filtering with optimized composable
 const {
   allCategories,
@@ -246,7 +253,7 @@ const {
   setFilterMode,
   toggleFilterMode,
   categoryStats
-} = useCategoryFilter(computed(() => marketStore.products))
+} = useCategoryFilter(productsForCategoryFilter)
 
 let unsubscribe: (() => void) | null = null