test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: updated button to send email ui

Browse Source
This commit is contained in:
Shariq Ansari 2023-09-23 12:14:37 +05:30
parent 3d659bb88e
commit 5239d7ae63
1 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/components/CommunicationArea.vue
View File

@ -1,14 +1,21 @@
<template> <template>
<div class="max-w-[81.7%] pl-16 p-4 pt-2"> <div class="flex gap-3 pt-2 pb-6 px-10">
<button <UserAvatar :user="getUser().name" size="xl" />
<Button
ref="sendEmailRef" ref="sendEmailRef"
class="flex gap-2 w-full items-center rounded-lg p-2 bg-gray-100 hover:bg-gray-200" variant="outline"
size="md"
class="h-8.5 w-full inline-flex justify-between"
@click="showCommunicationBox = true" @click="showCommunicationBox = true"
v-show="!showCommunicationBox" v-show="!showCommunicationBox"
> >
<UserAvatar :user="getUser().name" size="sm" />
<div class="text-base text-gray-600">Add a reply...</div> <div class="text-base text-gray-600">Add a reply...</div>
</button> <template #suffix>
<div class="flex gap-3">
<!-- <FeatherIcon name="paperclip" class="h-4" /> -->
</div>
</template>
</Button>
<div <div
v-show="showCommunicationBox" v-show="showCommunicationBox"
class="w-full rounded-lg border bg-white p-4 focus-within:border-gray-400" class="w-full rounded-lg border bg-white p-4 focus-within:border-gray-400"
@ -49,7 +56,7 @@ import UserAvatar from '@/components/UserAvatar.vue'
import EmailEditor from '@/components/EmailEditor.vue' import EmailEditor from '@/components/EmailEditor.vue'
import PhoneIcon from '@/components/Icons/PhoneIcon.vue' import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
import { usersStore } from '@/stores/users' import { usersStore } from '@/stores/users'
import { Tooltip, call, Button } from 'frappe-ui' import { Tooltip, call, FeatherIcon } from 'frappe-ui'
import { ref, watch, computed, defineModel } from 'vue' import { ref, watch, computed, defineModel } from 'vue'
const modelValue = defineModel() const modelValue = defineModel()