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

---
 .../tickets/index/TicketsTableRowLoading.vue  | 28 +++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 frontend/components/profile/tickets/index/TicketsTableRowLoading.vue

diff --git a/frontend/components/profile/tickets/index/TicketsTableRowLoading.vue b/frontend/components/profile/tickets/index/TicketsTableRowLoading.vue
new file mode 100644
index 0000000..1af0932
--- /dev/null
+++ b/frontend/components/profile/tickets/index/TicketsTableRowLoading.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts"></script>
+
+<template>
+    <tr
+        class="odd:bg-white even:bg-gray-50 last:border-none border-b border-slate-200"
+    >
+        <td
+            scope="row"
+            class="w-3/12 px-6 py-6 font-medium whitespace-nowrap text-black"
+        >
+            <Skeleton class="w-full !h-10 !rounded-sm" />
+        </td>
+        <td class="w-3/12 px-6 py-6">
+            <Skeleton class="w-full !h-10 !rounded-sm" />
+        </td>
+        <td class="w-3/12 px-6 py-6">
+            <Skeleton class="w-full !h-10 !rounded-sm" />
+        </td>
+        <td class="w-2/12 px-6 py-6">
+            <Skeleton class="w-full !h-10 !rounded-sm" />
+        </td>
+        <td class="w-1/12 px-6 py-6">
+            <Skeleton class="!size-10 !rounded-sm" />
+        </td>
+    </tr>
+</template>
+
+<style scoped></style>