mirror of
				https://github.com/lingble/chatwoot.git
				synced 2025-11-03 20:48:07 +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>
 |