From 3f061f0136cf1f1700d9e27099b4f5659226dc65 Mon Sep 17 00:00:00 2001
From: TobiZog <developer@zoghaib.de>
Date: Sun, 8 Sep 2024 19:20:54 +0200
Subject: [PATCH] Add empty state on productsPage

---
 software/src/pages/productsPage/index.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/software/src/pages/productsPage/index.vue b/software/src/pages/productsPage/index.vue
index f205b31..09f6f90 100644
--- a/software/src/pages/productsPage/index.vue
+++ b/software/src/pages/productsPage/index.vue
@@ -93,15 +93,11 @@ function filterProducts() {
     )
   }
   
-  console.log("1", filteredProducts.value)
-
   if (onlyDiscounts.value) {
     filteredProducts.value = filteredProducts.value.filter(product => 
       product.discount > 0
     )
   }
-
-  console.log("2", filteredProducts.value)
 }
 
 watch(() => selectedCategory.value, () => { filterProducts() })
@@ -123,11 +119,18 @@ watch(() => onlyDiscounts.value, () => { filterProducts() })
     </v-col>
   </v-row>
   <v-row dense>
-    <v-col v-for="product in filteredProducts" cols="6" lg="4" xl="3">
+    <v-col v-if="filteredProducts.length > 0" v-for="product in filteredProducts" cols="6" lg="4" xl="3">
       <product-card
         :product="product"
         :category="getCategoryById(product.categoryId)"
       />
     </v-col>
+    
+    <v-col v-else>
+      <v-empty-state
+        icon="mdi-magnify"
+        headline="Keine Artikel gefunden"
+      />
+    </v-col>
   </v-row>
 </template>
\ No newline at end of file