From 1d4d1cdbaf9fc2c04fa04f578ac7ef08cb9a2ac1 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Sun, 23 Feb 2025 23:23:51 +0330
Subject: [PATCH] added new no ticket condition

---
 frontend/pages/profile/tickets/index.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/pages/profile/tickets/index.vue b/frontend/pages/profile/tickets/index.vue
index 409e907..363050c 100644
--- a/frontend/pages/profile/tickets/index.vue
+++ b/frontend/pages/profile/tickets/index.vue
@@ -40,6 +40,8 @@ const tickets = computed(() => {
     return data.value?.results.flat();
 });
 
+const hasTickets = computed(() => tickets.value?.length > 0);
+
 const paginationData = computed(() => {
     return tickets!.value?.results.map((_, i: number) => {
         return { type: "page", value: i };
@@ -54,7 +56,10 @@ const paginationData = computed(() => {
         <div class="w-full flex flex-col gap-5">
             <div class="w-full flex items-center justify-between px-5">
                 <div class="flex items-center justify-start gap-8">
-                    <div class="flex items-center justify-start gap-3">
+                    <div
+                        v-if="hasTickets"
+                        class="flex items-center justify-start gap-3"
+                    >
                         <span class="text-sm">ترتیب بر اساس</span>
                         <Select
                             :options="['جدید ترین', 'قدیمی ترین']"
@@ -63,7 +68,10 @@ const paginationData = computed(() => {
                             class="w-[5rem]"
                         />
                     </div>
-                    <div class="flex items-center justify-start gap-3">
+                    <div
+                        v-if="hasTickets"
+                        class="flex items-center justify-start gap-3"
+                    >
                         <span class="text-sm">وضعیت پرداخت</span>
                         <Select
                             :options="[
@@ -88,7 +96,7 @@ const paginationData = computed(() => {
             </div>
 
             <Placeholder
-                v-if="!tickets?.length && !ticketsIsLoading"
+                v-if="!hasTickets && !ticketsIsLoading"
                 class="!w-full !py-[5rem]"
                 icon="bi:ticket"
                 title="تیکتی یافت نشد"