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

fix: apply ESLint rule vue/component-tags-order

Browse Source
This commit is contained in:
iamsivin
2024-07-25 19:33:28 +05:30
parent fede03ebe8
commit 0008fca511
544 changed files with 21263 additions and 21256 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/javascript/widget/components/ConversationWrap.vue
+23 -23
View File
@@ -1,26 +1,3 @@
<template>
<div class="conversation--container" :class="colorSchemeClass">
<div class="conversation-wrap" :class="{ 'is-typing': isAgentTyping }">
<div v-if="isFetchingList" class="message--loader">
<spinner />
</div>
<div
v-for="groupedMessage in groupedMessages"
:key="groupedMessage.date"
class="messages-wrap"
>
<date-separator :date="groupedMessage.date" />
<chat-message
v-for="message in groupedMessage.messages"
:key="message.id"
:message="message"
/>
</div>
<agent-typing-bubble v-if="showStatusIndicator" />
</div>
</div>
</template>
<script>
import ChatMessage from 'widget/components/ChatMessage.vue';
import AgentTypingBubble from 'widget/components/AgentTypingBubble.vue';
@@ -118,6 +95,29 @@ export default {
};
</script>
<template>
<div class="conversation--container" :class="colorSchemeClass">
<div class="conversation-wrap" :class="{ 'is-typing': isAgentTyping }">
<div v-if="isFetchingList" class="message--loader">
<spinner />
</div>
<div
v-for="groupedMessage in groupedMessages"
:key="groupedMessage.date"
class="messages-wrap"
>
<date-separator :date="groupedMessage.date" />
<chat-message
v-for="message in groupedMessage.messages"
:key="message.id"
:message="message"
/>
</div>
<agent-typing-bubble v-if="showStatusIndicator" />
</div>
</div>
</template>
<style scoped lang="scss">
@import '~widget/assets/scss/variables.scss';
@import '~widget/assets/scss/mixins.scss';