Cleanup and testing

src/components/Editor/Invitees/InviteesListItem.vue

@@ -79,7 +79,7 @@
 					{{ $t('calendar', 'Non-participant') }}
 				</ActionRadio>
 
-				<ActionButton @click="removeAttendee(attendee)">
+				<ActionButton @click="removeAttendee">
 					<template #icon>
 						<Delete :size="20" decorative />
 					</template>
@@ -90,13 +90,13 @@
 		<div v-if="hasMembers"
 			class="member-list"
 			:class="{ 'member-list--open':memberListExpaneded }">
-			<InviteesMemberItem v-for="member in attendee.members"
+			<InviteesListItem v-for="member in attendee.members"
 				:key="member.email"
 				:attendee="member"
 				:is-read-only="isReadOnly"
 				:organizer-display-name="organizerDisplayName"
 				:members="member.members"
-				@remove-attendee="removeAttendee(member)" />
+				@remove-attendee="removeAttendee" />
 		</div>
 	</div>
 </template>
@@ -113,7 +113,6 @@ import {
 import { removeMailtoPrefix } from '../../../utils/attendee.js'
 import ChevronDown from 'vue-material-design-icons/ChevronDown.vue'
 import ChevronUp from 'vue-material-design-icons/ChevronUp.vue'
-import InviteesMemberItem from './InviteesMemberItem.vue'
 
 import Delete from 'vue-material-design-icons/Delete.vue'
 
@@ -129,7 +128,6 @@ export default {
 		NcButton,
 		ChevronDown,
 		ChevronUp,
-		InviteesMemberItem,
 	},
 	props: {
 		attendee: {
@@ -233,8 +231,8 @@ export default {
 		/**
 		 * Removes an attendee from the event
 		 */
-		removeAttendee(attendee) {
-			this.$emit('remove-attendee', attendee)
+		removeAttendee() {
+			this.$emit('remove-attendee', this.attendee)
 		},
 		/**
 		 * Toggle member list if attendee is a group