From 9d985f7e962b44ec0f8c8fe41e9c3653a198fe81 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Tue, 14 Jan 2025 17:01:51 +0100
Subject: [PATCH] fix: add canRemove prop

---
 .../src/components/tasks/partials/AssigneeList.vue | 14 ++++++++++----
 .../components/tasks/partials/EditAssignees.vue    |  1 +
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/tasks/partials/AssigneeList.vue b/frontend/src/components/tasks/partials/AssigneeList.vue
index 5d86dd9e3..49d5ffa38 100644
--- a/frontend/src/components/tasks/partials/AssigneeList.vue
+++ b/frontend/src/components/tasks/partials/AssigneeList.vue
@@ -8,11 +8,17 @@ withDefaults(defineProps<{
 	disabled?: boolean,
 	avatarSize?: number,
 	inline?: boolean,
-	onRemove?: (user: IUser) => void
+	/** add this boolean prop to enable removal of assignees */
+	canRemove?: boolean,
 }>(), {
 	avatarSize: 30,
 	inline: false,
+	canRemove: false,
 })
+
+defineEmits<{
+	remove: [user: IUser],
+}>()
 </script>
 
 <template>
@@ -30,13 +36,13 @@ withDefaults(defineProps<{
 				:avatar-size="avatarSize"
 				:show-username="false"
 				:user="user"
-				:class="{'m-2': onRemove && !disabled}"
+				:class="{'m-2': canRemove && !disabled}"
 			/>
 			<BaseButton
-				v-if="onRemove && !disabled"
+				v-if="canRemove && !disabled"
 				:key="'delete'+user.id"
 				class="remove-assignee"
-				@click="onRemove(user)"
+				@click="$emit('remove', user)"
 			>
 				<Icon icon="times" />
 			</BaseButton>
diff --git a/frontend/src/components/tasks/partials/EditAssignees.vue b/frontend/src/components/tasks/partials/EditAssignees.vue
index d2aaf8399..cc244d0a0 100644
--- a/frontend/src/components/tasks/partials/EditAssignees.vue
+++ b/frontend/src/components/tasks/partials/EditAssignees.vue
@@ -17,6 +17,7 @@
 			<AssigneeList
 				:assignees="items"
 				:disabled="disabled"
+				can-remove
 				@remove="removeAssignee"
 			/>
 		</template>