calendar-ui: Add group icon to selection list

src/components/Editor/Invitees/InviteesListSearch.vue

@@ -43,7 +43,12 @@
 					:key="option.uid"
 					:user="option.avatar"
 					:display-name="option.dropdownName" />
-				<Avatar v-else
+				<Avatar v-else-if="option.type === 'group'">
+					<template #icon>
+						<AccountMultiple :size="20" />
+					</template>
+				</Avatar>
+				<Avatar v-if="!option.isUser && option.type !== 'group'"
 					:key="option.uid"
 					:url="option.avatar"
 					:display-name="option.dropdownName" />
@@ -70,12 +75,14 @@ import HttpClient from '@nextcloud/axios'
 import debounce from 'debounce'
 import { linkTo } from '@nextcloud/router'
 import { randomId } from '../../../utils/randomId.js'
+import AccountMultiple from 'vue-material-design-icons/AccountMultiple.vue'
 
 export default {
 	name: 'InviteesListSearch',
 	components: {
 		Avatar,
 		Multiselect,
+		AccountMultiple,
 	},
 	props: {
 		alreadyInvitedEmails: {
@@ -257,10 +264,11 @@ export default {
 					calendarUserType: circle.calendarUserType,
 					email: circle.email,
 					language: circle.language,
-					isUser: circle.calendarUserType === 'INDIVIDUAL',
+					isUser: false,
 					avatar: circle.userId,
 					hasMultipleEMails: false,
-					dropdownName: circle.displayname || circle.email,				
+					dropdownName: circle.displayname || circle.email,
+					type: 'group',				
 				}
 			})
 		},