From cca4a2b7b5c8c6969d1766b915c98c7d3eda28ae Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Sat, 15 Mar 2025 01:48:48 +0330
Subject: [PATCH] added purchase table row loading

---
 .../index/PurchasesTableRowLoading.vue        | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 frontend/components/profile/purchases-and-orders/index/PurchasesTableRowLoading.vue

diff --git a/frontend/components/profile/purchases-and-orders/index/PurchasesTableRowLoading.vue b/frontend/components/profile/purchases-and-orders/index/PurchasesTableRowLoading.vue
new file mode 100644
index 0000000..5dbed72
--- /dev/null
+++ b/frontend/components/profile/purchases-and-orders/index/PurchasesTableRowLoading.vue
@@ -0,0 +1,31 @@
+<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-2/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-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>