feat: add bubble names

2024-12-12 13:25:44 +05:30
parent c561cf596b
commit 873e67363d
8 changed files with 12 additions and 9 deletions
@@ -10,7 +10,7 @@ defineProps({
 </script>

 <template>
-  <BaseBubble class="px-2 py-0.5">
-    <span v-html="content" />
+  <BaseBubble class="px-2 py-0.5" data-bubble-name="activity">
+    <span v-dompurify-html="content" />
  </BaseBubble>
 </template>
@@ -24,7 +24,7 @@ defineProps({
 </script>

 <template>
-  <BaseBubble class="grid gap-2 bg-transparent">
+  <BaseBubble class="grid gap-2 bg-transparent" data-bubble-name="attachments">
    <AttachmentChips :attachments="attachments" class="gap-1" />
  </BaseBubble>
 </template>
@@ -35,7 +35,7 @@ const attachment = computed(() => {
 </script>

 <template>
-  <BaseBubble class="bg-transparent">
+  <BaseBubble class="bg-transparent" data-bubble-name="audio">
    <AudioChip
      :attachment="attachment"
      class="p-2 text-n-slate-12 bg-n-alpha-3"
@@ -27,7 +27,10 @@ const senderName = computed(() => {
 </script>

 <template>
-  <BaseBubble class="overflow-hidden grid gap-4 min-w-64 p-0">
+  <BaseBubble
+    class="overflow-hidden grid gap-4 min-w-64 p-0"
+    data-bubble-name="attachment"
+  >
    <slot name="before" />
    <div class="grid gap-3 px-3 pt-3 z-20">
      <div
@@ -63,7 +63,7 @@ const textToShow = computed(() => {
 </script>

 <template>
-  <BaseBubble class="w-full overflow-hidden">
+  <BaseBubble class="w-full overflow-hidden" data-bubble-name="email">
    <EmailMeta :status :sender :content-attributes />
    <section
      ref="contentContainer"
@@ -61,7 +61,7 @@ const onVideoLoadError = () => {
 </script>

 <template>
-  <BaseBubble class="p-3 overflow-hidden">
+  <BaseBubble class="p-3 overflow-hidden" data-bubble-name="ig-story">
    <div v-if="content" class="mb-2" v-html="formattedContent" />
    <img
      v-if="!hasImgStoryError"
@@ -42,7 +42,7 @@ const formattedContent = computed(() => {
 </script>

 <template>
-  <BaseBubble class="p-3 grid gap-3">
+  <BaseBubble class="p-3 grid gap-3" data-bubble-name="text">
    <span v-if="content" v-html="formattedContent" />
    <AttachmentChips :attachments="attachments" class="gap-2" />
  </BaseBubble>
@@ -3,7 +3,7 @@ import BaseBubble from './Base.vue';
 </script>

 <template>
-  <BaseBubble class="p-3 text-sm">
+  <BaseBubble class="p-3 text-sm" data-bubble-name="unsupported">
    {{ $t('CONVERSATION.UNSUPPORTED_MESSAGE') }}
  </BaseBubble>
 </template>