mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-03 20:48:07 +00:00
35702457ed
<img width="1440" alt="Screenshot 2024-11-26 at 8 38 57 PM" src="https://github.com/user-attachments/assets/f752157c-6134-42cb-8211-ce636ea9e4d6"> <img width="1439" alt="Screenshot 2024-11-26 at 8 40 47 PM" src="https://github.com/user-attachments/assets/580b1f61-68bc-489b-9081-b0aeb402f31d"> --------- Co-authored-by: Shivam Mishra <scm.mymail@gmail.com>
36 lines
683 B
Vue
36 lines
683 B
Vue
<script setup>
|
|
import Thumbnail from 'dashboard/components/widgets/Thumbnail.vue';
|
|
|
|
defineProps({
|
|
user: {
|
|
type: Object,
|
|
default: () => ({}),
|
|
},
|
|
size: {
|
|
type: String,
|
|
default: '20px',
|
|
},
|
|
textClass: {
|
|
type: String,
|
|
default: 'text-sm text-n-slate-12',
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex items-center gap-1.5 text-left">
|
|
<Thumbnail
|
|
:src="user.thumbnail"
|
|
:size="size"
|
|
:username="user.name"
|
|
:status="user.availability_status"
|
|
/>
|
|
<span
|
|
class="my-0 overflow-hidden whitespace-nowrap text-ellipsis text-capitalize"
|
|
:class="textClass"
|
|
>
|
|
{{ user.name }}
|
|
</span>
|
|
</div>
|
|
</template>
|