mirror of
https://github.com/lingble/chatwoot.git
synced 2025-10-31 02:57:57 +00:00
46 lines
1.4 KiB
Vue
46 lines
1.4 KiB
Vue
<script setup>
|
|
import Message from '../Message.vue';
|
|
|
|
import simpleEmail from '../fixtures/simpleEmail.js';
|
|
import fullConversation from '../fixtures/emailConversation.js';
|
|
import newsletterEmail from '../fixtures/newsletterEmail.js';
|
|
|
|
const failedEmail = {
|
|
...simpleEmail[0],
|
|
status: 'failed',
|
|
senderId: 1,
|
|
senderType: 'User',
|
|
contentAttributes: {
|
|
...simpleEmail[0].contentAttributes,
|
|
externalError: 'Failed to send email',
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<Story
|
|
title="Components/Messages/Email"
|
|
:layout="{ type: 'grid', width: '800px' }"
|
|
>
|
|
<Variant title="Simple Email">
|
|
<div class="p-4 bg-n-background rounded-lg w-full min-w-5xl grid">
|
|
<template v-for="message in fullConversation" :key="message.id">
|
|
<Message :current-user-id="1" is-email-inbox v-bind="message" />
|
|
</template>
|
|
</div>
|
|
</Variant>
|
|
<Variant title="Newsletter">
|
|
<div class="p-4 bg-n-background rounded-lg w-full min-w-5xl grid">
|
|
<template v-for="message in newsletterEmail" :key="message.id">
|
|
<Message :current-user-id="1" is-email-inbox v-bind="message" />
|
|
</template>
|
|
</div>
|
|
</Variant>
|
|
<Variant title="Failed Email">
|
|
<div class="p-4 bg-n-background rounded-lg w-full min-w-5xl grid">
|
|
<Message :current-user-id="1" is-email-inbox v-bind="failedEmail" />
|
|
</div>
|
|
</Variant>
|
|
</Story>
|
|
</template>
|