mirror of
				https://github.com/lingble/chatwoot.git
				synced 2025-11-03 20:48:07 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			28 lines
		
	
	
		
			496 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			28 lines
		
	
	
		
			496 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
<template>
 | 
						|
  <grouped-avatars :users="users" />
 | 
						|
</template>
 | 
						|
 | 
						|
<script>
 | 
						|
import GroupedAvatars from 'widget/components/GroupedAvatars.vue';
 | 
						|
 | 
						|
export default {
 | 
						|
  name: 'AvailableAgents',
 | 
						|
  components: { GroupedAvatars },
 | 
						|
  props: {
 | 
						|
    agents: {
 | 
						|
      type: Array,
 | 
						|
      default: () => [],
 | 
						|
    },
 | 
						|
  },
 | 
						|
  computed: {
 | 
						|
    users() {
 | 
						|
      return this.agents.slice(0, 5).map(agent => ({
 | 
						|
        id: agent.id,
 | 
						|
        avatar: agent.avatar_url,
 | 
						|
        name: agent.name,
 | 
						|
      }));
 | 
						|
    },
 | 
						|
  },
 | 
						|
};
 | 
						|
</script>
 |