From 30ec4608994ec74b30e37883a6961abaa55e3715 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Tue, 7 Jan 2025 22:35:15 +0330
Subject: [PATCH] added empty range filter condition

---
 frontend/pages/products.vue | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/frontend/pages/products.vue b/frontend/pages/products.vue
index 1839264..80985b8 100644
--- a/frontend/pages/products.vue
+++ b/frontend/pages/products.vue
@@ -1,4 +1,22 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+// import
+
+import { PRODUCT_RANGE } from "~/constants";
+
+// state
+
+const params = useUrlSearchParams("history");
+
+// life-cycle
+
+onMounted(() => {
+    if (!("range" in params)) {
+        params.range = [];
+        params.range[0] = PRODUCT_RANGE.min;
+        params.range[1] = PRODUCT_RANGE.max;
+    }
+});
+</script>
 
 <template>
     <div class="w-full container flex flex-col">
@@ -19,7 +37,7 @@
             <div class="w-full flex items-center justify-end gap-4">
                 <Input
                     placeholder="جست و جو محصول ..."
-                    class="bg-slate-50 !border-slate-200 hover:border-slate-300 focus:!border-slate-800 w-8/12"
+                    class="bg-slate-50 !border-slate-200 hover:border-slate-300 focus:!border-slate-800 !rounded-full w-8/12"
                 />
                 <FilterButton />
             </div>