mirror of
				https://github.com/lingble/chatwoot.git
				synced 2025-10-31 19:17:48 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			40 lines
		
	
	
		
			767 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			40 lines
		
	
	
		
			767 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
| <template>
 | |
|   <div class="flex items-center gap-1.5 text-left">
 | |
|     <thumbnail
 | |
|       :src="user.thumbnail"
 | |
|       :size="size"
 | |
|       :username="user.name"
 | |
|       :status="user.availability_status"
 | |
|     />
 | |
|     <h6
 | |
|       class="my-0 dark:text-slate-100 overflow-hidden whitespace-nowrap text-ellipsis text-capitalize"
 | |
|       :class="textClass"
 | |
|     >
 | |
|       {{ user.name }}
 | |
|     </h6>
 | |
|   </div>
 | |
| </template>
 | |
| <script>
 | |
| import Thumbnail from 'dashboard/components/widgets/Thumbnail.vue';
 | |
| 
 | |
| export default {
 | |
|   components: {
 | |
|     Thumbnail,
 | |
|   },
 | |
|   props: {
 | |
|     user: {
 | |
|       type: Object,
 | |
|       default: () => {},
 | |
|     },
 | |
|     size: {
 | |
|       type: String,
 | |
|       default: '20px',
 | |
|     },
 | |
|     textClass: {
 | |
|       type: String,
 | |
|       default: 'text-xs text-slate-600',
 | |
|     },
 | |
|   },
 | |
| };
 | |
| </script>
 | 
