From d264a09ee8636d3d4c8ddddf640b76a39c6fa029 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:58:57 +0330
Subject: [PATCH] fixed orders select in new ticket

---
 frontend/pages/profile/tickets/new.vue | 31 +++++++++++++++++---------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/frontend/pages/profile/tickets/new.vue b/frontend/pages/profile/tickets/new.vue
index 4b7356a..2b92e3a 100644
--- a/frontend/pages/profile/tickets/new.vue
+++ b/frontend/pages/profile/tickets/new.vue
@@ -10,6 +10,7 @@ import { useToast } from "~/composables/global/useToast";
 import { QUERY_KEYS } from "~/constants";
 import useVuelidate from "@vuelidate/core";
 import { helpers, required, minLength } from "@vuelidate/validators";
+import type { GetAllOrdersRequest } from "~/composables/api/orders/useGetAllOrders";
 
 // meta
 
@@ -72,9 +73,18 @@ const ticketData = ref<CreateTicketRequest>({
     attachments: [],
 });
 
+const ordersFilter = computed<GetAllOrdersRequest>(() => {
+    return {
+        sort: "created_at",
+        status: "RECEIVED",
+        page: 1,
+    } as any;
+});
+
 // queries
 
-const { data: orders, isLoading: ordersIsLoading } = useGetAllOrders();
+const { data: orders, isLoading: ordersIsLoading } =
+    useGetAllOrders(ordersFilter);
 
 const { mutateAsync: createTicket, isPending: createTicketIsPending } =
     useCreateTicket();
@@ -257,7 +267,7 @@ const handleSubmit = async () => {
                         <template #content>
                             <SelectGroup>
                                 <SelectItem
-                                    v-for="(order, index) in orders"
+                                    v-for="(order, index) in orders?.results"
                                     :key="index"
                                     class="text-xs leading-none w-full rounded-sm py-5 flex items-center justify-between h-[25px] px-[12px] shrink-0 relative select-none data-[disabled]:pointer-events-none data-[highlighted]:outline-none data-[highlighted]:bg-slate-300 data-[highlighted]:text-black"
                                     :value="order.id"
@@ -267,17 +277,14 @@ const handleSubmit = async () => {
                                     >
                                         <div class="flex items-center gap-4">
                                             <AvatarGroup
-                                                :items="[
-                                                    'https://c262408.parspack.net/media/profile_photos/Jackie_Robinson_NPG_97_135.jpg?AWSAccessKeyId=mtiSN2JWjWgyfr2u&Signature=mlUzygzyg2gQD7B5STTlgM2N%2FUM%3D&Expires=1740517316',
-                                                    'https://c262408.parspack.net/media/profile_photos/Jackie_Robinson_NPG_97_135.jpg?AWSAccessKeyId=mtiSN2JWjWgyfr2u&Signature=mlUzygzyg2gQD7B5STTlgM2N%2FUM%3D&Expires=1740517316',
-                                                    'https://c262408.parspack.net/media/profile_photos/Jackie_Robinson_NPG_97_135.jpg?AWSAccessKeyId=mtiSN2JWjWgyfr2u&Signature=mlUzygzyg2gQD7B5STTlgM2N%2FUM%3D&Expires=1740517316',
-                                                ]"
+                                                v-if="order.images.length > 0"
+                                                :items="order.images"
                                                 :max="2"
                                                 size="32px"
                                             />
 
                                             <div
-                                                class="flex flex-col items-start gap-1 text-[10px]"
+                                                class="flex items-start gap-1 text-[10px]"
                                             >
                                                 <span
                                                     >{{
@@ -285,14 +292,16 @@ const handleSubmit = async () => {
                                                     }}
                                                     محصول</span
                                                 >
+                                                |
                                                 <span>
-                                                    شماره سفارش : {{ order.id }}
+                                                    شماره سفارش :
+                                                    {{ order.id }}#
                                                 </span>
                                             </div>
                                         </div>
 
-                                        <span>
-                                            {{ order.status }}
+                                        <span class="text-[10px]">
+                                            {{ order.verbose_status }}
                                         </span>
                                     </SelectItemText>
                                 </SelectItem>