From 83a3223019aaed3d1c23d4d2a98b85d367c3ce39 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Sat, 15 Mar 2025 01:47:54 +0330
Subject: [PATCH] fixed some type names

---
 frontend/pages/profile/tickets/index.vue | 41 ++++++++++++++++++++----
 1 file changed, 35 insertions(+), 6 deletions(-)

diff --git a/frontend/pages/profile/tickets/index.vue b/frontend/pages/profile/tickets/index.vue
index 26c153f..e6d7111 100644
--- a/frontend/pages/profile/tickets/index.vue
+++ b/frontend/pages/profile/tickets/index.vue
@@ -2,7 +2,7 @@
 // imports
 
 import useGetAllTickets, {
-    type GetAllTicketsFilters,
+    type GetAllTicketsRequest,
 } from "~/composables/api/tickets/useGetAllTickets";
 
 // meta
@@ -14,7 +14,7 @@ definePageMeta({
 
 // state
 
-const params: GetAllTicketsFilters = useUrlSearchParams("history");
+const params: GetAllTicketsRequest = useUrlSearchParams("history");
 
 const filters = computed(() => {
     return {
@@ -74,11 +74,24 @@ const tickets = computed(() => {
 
 const hasTickets = computed(() => data.value?.count > 0);
 
+const hasFilters = computed(() =>
+    Object.keys(params)
+        .filter((key) => key != "page")
+        .some((key) => params[key] != undefined)
+);
+
 const paginationData = computed(() => {
     return data.value?.results.map((_, i: number) => {
         return { type: "page", value: i };
     });
 });
+
+// methods
+
+const clearFilters = () => {
+    params.sort = undefined;
+    params.status = undefined;
+};
 </script>
 
 <template>
@@ -152,11 +165,27 @@ const paginationData = computed(() => {
                     </div>
                 </div>
 
-                <NuxtLink :to="{ name: 'profile-tickets-new' }">
-                    <Button end-icon="bi:plus" size="md" class="rounded-full">
-                        <span class="whitespace-pre"> تیکت جدید </span>
+                <div class="flex-center gap-4">
+                    <Button
+                        v-if="hasFilters"
+                        end-icon="bi:x"
+                        @click="clearFilters"
+                        size="md"
+                        class="rounded-full"
+                    >
+                        <span class="whitespace-pre"> حذف فیلتر ها </span>
                     </Button>
-                </NuxtLink>
+
+                    <NuxtLink :to="{ name: 'profile-tickets-new' }">
+                        <Button
+                            end-icon="bi:plus"
+                            size="md"
+                            class="rounded-full"
+                        >
+                            <span class="whitespace-pre"> تیکت جدید </span>
+                        </Button>
+                    </NuxtLink>
+                </div>
             </div>
 
             <Placeholder