fixed some type names

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,12 +165,28 @@ const paginationData = computed(() => {
                     </div>
                 </div>
 
+                <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 :to="{ name: 'profile-tickets-new' }">
-                    <Button end-icon="bi:plus" size="md" class="rounded-full">
+                        <Button
+                            end-icon="bi:plus"
+                            size="md"
+                            class="rounded-full"
+                        >
                             <span class="whitespace-pre"> تیکت جدید </span>
                         </Button>
                     </NuxtLink>
                 </div>
+            </div>
 
             <Placeholder
                 v-if="!hasTickets && !ticketsIsPending"