Remove attendee from group after removal

src/components/Editor/Invitees/InviteesList.vue

@@ -235,15 +235,6 @@ export default {
 			})
 		},
 		removeAttendee(attendee) {
-			// Attendee is part of a group, therefore remove from group array
-			if (attendee.member) {
-				var groups = this.groups.filter(group => {
-					return group.uri === attendee.member
-				})
-				if (groups) {
-					console.log(groups)
-				}
-			}
 			this.$store.commit('removeAttendee', {
 				calendarObjectInstance: this.calendarObjectInstance,
 				attendee,

src/components/Editor/Invitees/InviteesListItem.vue

@@ -90,7 +90,7 @@
 		<div v-if="hasMembers"
 			class="member-list"
 			:class="{ 'member-list--open':memberListExpaneded }">
-			<InviteesListItem v-for="member in attendee.members"
+			<InviteesListItem v-for="member in members"
 				:key="member.email"
 				:attendee="member"
 				:is-read-only="isReadOnly"
@@ -145,7 +145,8 @@ export default {
 	},
 	data() {
     	return {
-      		memberListExpaneded: false
+      		memberListExpaneded: false,
+			members: this.attendee.members
     	};
   	},
 	computed: {
@@ -232,14 +233,20 @@ export default {
 		 * Removes an attendee from the event
 		 */
 		removeAttendee(attendee) {
+			// Remove attendee from participating group
+			if (attendee.member) {
+				this.members = this.members.filter(
+					member => member.uri !== attendee.uri
+				)
+			}
 			this.$emit('remove-attendee', attendee)
 		},
 		/**
 		 * Toggle member list if attendee is a group
 		 */
 		toggleMemberList(e) {
 			this.memberListExpaneded = !this.memberListExpaneded
-		},
+		}
 	},
 }
 </script>