From 89503bda2b5d667ae7d3dea27b4db5367ffb4460 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Sun, 2 Feb 2025 23:05:45 +0330
Subject: [PATCH] used new switch component

---
 .../global/products/FilterProducts.vue        | 19 +++----------------
 1 file changed, 3 insertions(+), 16 deletions(-)

diff --git a/frontend/components/global/products/FilterProducts.vue b/frontend/components/global/products/FilterProducts.vue
index daadb14..1c8eb58 100644
--- a/frontend/components/global/products/FilterProducts.vue
+++ b/frontend/components/global/products/FilterProducts.vue
@@ -179,27 +179,14 @@ watch(
 
             <div class="flex items-center justify-between w-full gap-5">
                 <span class="text-black">فقط کالاهای تخفیف دار</span>
-                <SwitchRoot
-                    v-model="has_discount"
-                    class="w-[3rem] h-[1.8rem] flex data-[state=unchecked]:bg-slate-200 data-[state=checked]:bg-stone-800 border border-slate-300 data-[state=checked]:border-stone-700 rounded-full relative transition-all focus-within:outline-none"
-                >
-                    <SwitchThumb
-                        class="size-6 my-auto bg-white text-sm ms-1 flex items-center justify-center shadow-xl rounded-full transition-transform translate-x-0.5 will-change-transform data-[state=checked]:-translate-x-[68%]"
-                    />
-                </SwitchRoot>
+
+                <Switch v-model="has_discount" />
             </div>
 
             <div class="flex items-center justify-between w-full gap-5">
                 <span class="text-black">فقط کالاهای موجود</span>
 
-                <SwitchRoot
-                    v-model="in_stock"
-                    class="w-[3rem] h-[1.8rem] flex data-[state=unchecked]:bg-slate-200 data-[state=checked]:bg-stone-800 border border-slate-300 data-[state=checked]:border-stone-700 rounded-full relative transition-all focus-within:outline-none"
-                >
-                    <SwitchThumb
-                        class="size-6 my-auto bg-white text-sm ms-1 flex items-center justify-center shadow-xl rounded-full transition-transform translate-x-0.5 will-change-transform data-[state=checked]:-translate-x-[68%]"
-                    />
-                </SwitchRoot>
+                <Switch v-model="has_discount" />
             </div>
         </div>