feat: add attachment only component

This commit is contained in:
Shivam Mishra
2024-11-28 18:27:55 +05:30
parent 44b4c7ce14
commit b304e86f4f
4 changed files with 197 additions and 15 deletions
@@ -70,9 +70,9 @@ const files = computed(() => {
</script>
<template>
<BaseBubble class="p-3 space-y-[10px]">
<BaseBubble class="p-3 grid gap-3">
<span v-if="content" v-html="formattedContent" />
<div v-if="mediaAttachments.length" class="flex gap-[10px]">
<div v-if="mediaAttachments.length" class="flex gap-2">
<template v-for="attachment in mediaAttachments" :key="attachment.id">
<ImageChip
v-if="attachment.fileType === ATTACHMENT_TYPES.IMAGE"
@@ -84,7 +84,7 @@ const files = computed(() => {
/>
</template>
</div>
<div v-if="recordings.length" class="flex flex-wrap gap-[10px]">
<div v-if="recordings.length" class="flex flex-wrap gap-2">
<AudioChip
v-for="attachment in recordings"
:key="attachment.id"
@@ -92,7 +92,7 @@ const files = computed(() => {
:attachment="attachment"
/>
</div>
<div v-if="files.length" class="flex flex-wrap gap-[10px]">
<div v-if="files.length" class="flex flex-wrap gap-2">
<FileChip
v-for="attachment in files"
:key="attachment.id"