fix: replaced all Avatar with UserAvatar

This commit is contained in:
Shariq Ansari 2023-08-03 21:41:02 +05:30
parent 39ffe88549
commit a399cf87c6
2 changed files with 11 additions and 25 deletions

View File

@ -6,11 +6,7 @@
:class="open ? 'bg-gray-300' : 'hover:bg-gray-200'" :class="open ? 'bg-gray-300' : 'hover:bg-gray-200'"
v-if="user" v-if="user"
> >
<Avatar <UserAvatar :user="user.name" size="md" />
:label="user.full_name"
:image="user.user_image"
size="md"
/>
<span class="hidden text-base font-medium text-gray-900 sm:inline"> <span class="hidden text-base font-medium text-gray-900 sm:inline">
{{ user.full_name }} {{ user.full_name }}
</span> </span>
@ -25,9 +21,10 @@
</template> </template>
<script setup> <script setup>
import { Dropdown, Avatar, FeatherIcon } from 'frappe-ui' import { Dropdown, FeatherIcon } from 'frappe-ui'
import { sessionStore } from '@/stores/session' import { sessionStore } from '@/stores/session'
import { usersStore } from '@/stores/users'; import { usersStore } from '@/stores/users'
import UserAvatar from '@/components/UserAvatar.vue'
import { computed } from 'vue' import { computed } from 'vue'
const { logout } = sessionStore() const { logout } = sessionStore()

View File

@ -11,20 +11,10 @@
placeholder="Lead owner" placeholder="Lead owner"
> >
<template #prefix> <template #prefix>
<Avatar <UserAvatar class="mr-2" :user="lead.data.lead_owner" size="sm" />
class="mr-2"
:image="getUser(lead.data.lead_owner).user_image"
:label="getUser(lead.data.lead_owner).full_name"
size="sm"
/>
</template> </template>
<template #item-prefix="{ option }"> <template #item-prefix="{ option }">
<Avatar <UserAvatar class="mr-2" :user="option.email" size="sm" />
class="mr-2"
:image="getUser(option.email).user_image"
:label="getUser(option.email).full_name"
size="sm"
/>
</template> </template>
</Autocomplete> </Autocomplete>
<Dropdown :options="statusDropdownOptions"> <Dropdown :options="statusDropdownOptions">
@ -139,18 +129,16 @@
placeholder="Lead owner" placeholder="Lead owner"
> >
<template #prefix> <template #prefix>
<Avatar <UserAvatar
class="mr-2" class="mr-2"
:image="getUser(lead.data[field.name]).user_image" :user="lead.data[field.name]"
:label="getUser(lead.data[field.name]).full_name"
size="sm" size="sm"
/> />
</template> </template>
<template #item-prefix="{ option }"> <template #item-prefix="{ option }">
<Avatar <UserAvatar
class="mr-2" class="mr-2"
:image="getUser(option.email).user_image" :user="option.email"
:label="getUser(option.email).full_name"
size="sm" size="sm"
/> />
</template> </template>
@ -235,6 +223,7 @@ import { usersStore } from '@/stores/users'
import { dateFormat, timeAgo, dateTooltipFormat } from '@/utils' import { dateFormat, timeAgo, dateTooltipFormat } from '@/utils'
import { ref, computed, h } from 'vue' import { ref, computed, h } from 'vue'
import Breadcrumbs from '@/components/Breadcrumbs.vue' import Breadcrumbs from '@/components/Breadcrumbs.vue'
import UserAvatar from '../components/UserAvatar.vue'
const { getUser, users } = usersStore() const { getUser, users } = usersStore()