akadmin/chatwoot
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: better stories

Browse Source
This commit is contained in:
Shivam Mishra
2024-12-02 17:58:05 +05:30
parent 478589de91
commit 1fc4445bba
1 changed files with 19 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/javascript/dashboard/components-next/message/EmailMessages.story.vue
+19 -8
View File
@@ -2,16 +2,27 @@
import Message from './Message.vue';
import simpleEmail from './fixtures/simpleEmail.js';
const messages = simpleEmail;
import newsletterEmail from './fixtures/newsletterEmail.js';
</script>
<template>
<Story title="Components/Messages/Email" :layout="{ type: 'single' }">
<div class="p-4 bg-n-background rounded-lg w-full min-w-5xl grid">
<template v-for="message in messages" :key="message.id">
<Message :current-user-id="1" is-email-inbox v-bind="message" />
</template>
</div>
<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 simpleEmail" :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>
</Story>
</template>