From f9e69f21bd802c2106ebd89d2a8e6997a8b8e1f1 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Fri, 28 Feb 2025 23:09:17 +0330
Subject: [PATCH] re designed ticket bubble loading

---
 .../tickets/[id]/TicketBubbleLoading.vue      | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 frontend/components/profile/tickets/[id]/TicketBubbleLoading.vue

diff --git a/frontend/components/profile/tickets/[id]/TicketBubbleLoading.vue b/frontend/components/profile/tickets/[id]/TicketBubbleLoading.vue
new file mode 100644
index 0000000..62bc9c4
--- /dev/null
+++ b/frontend/components/profile/tickets/[id]/TicketBubbleLoading.vue
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+// types
+
+type Props = {
+    is_user: boolean;
+};
+
+// props
+
+defineProps<Props>();
+</script>
+
+<template>
+    <div
+        class="w-full flex items-center"
+        :class="is_user ? 'justify-start' : 'justify-end'"
+    >
+        <Skeleton
+            class="!w-full lg:!w-1/2 !h-32 border border-slate-200 !rounded-xl p-5 flex items-start"
+            :class="is_user ? '!rounded-br-none' : '!rounded-bl-none'"
+        ></Skeleton>
+    </div>
+</template>
+
+<style scoped></style>