From b398018d1acc5e5926ac9dfb5cbc47fae318ebe1 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Fri, 21 Feb 2025 23:12:06 +0330
Subject: [PATCH] added props

---
 .../profile/tickets/index/TicketsTableRow.vue | 24 ++++++++++++++-----
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/frontend/components/profile/tickets/index/TicketsTableRow.vue b/frontend/components/profile/tickets/index/TicketsTableRow.vue
index debc64e..45600cb 100644
--- a/frontend/components/profile/tickets/index/TicketsTableRow.vue
+++ b/frontend/components/profile/tickets/index/TicketsTableRow.vue
@@ -1,4 +1,14 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+// types
+
+type Props = {
+    data: Ticket;
+};
+
+// props
+
+defineProps<Props>();
+</script>
 
 <template>
     <tr
@@ -8,13 +18,15 @@
             scope="row"
             class="w-3/12 px-6 py-6 font-medium whitespace-nowrap text-black"
         >
-            Apple MacBook Pro 17
+            {{ data.ticket_category }}
         </td>
-        <td class="w-3/12 px-6 py-6">Silver</td>
-        <td class="w-3/12 px-6 py-6">Laptop</td>
-        <td class="w-2/12 px-6 py-6">$2999</td>
+        <td class="w-3/12 px-6 py-6">{{ data.subject }}</td>
+        <td class="w-3/12 px-6 py-6">{{ data.created_at }}</td>
+        <td class="w-2/12 px-6 py-6">{{ data.status }}</td>
         <td class="w-1/12 px-6 py-6">
-            <NuxtLink :to="{ name: 'profile-tickets-id', params: { id: 1 } }">
+            <NuxtLink
+                :to="{ name: 'profile-tickets-id', params: { id: data.id } }"
+            >
                 <button
                     class="size-10 flex-center border border-slate-200 rounded-md"
                 >