added new no ticket condition

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="تیکتی یافت نشد"