fix: add canRemove prop

This commit is contained in:
Dominik Pschenitschni
2025-01-14 17:01:51 +01:00
committed by konrad
parent 811a933cd3
commit 9d985f7e96
2 changed files with 11 additions and 4 deletions

View File

@@ -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>

View File

@@ -17,6 +17,7 @@
<AssigneeList
:assignees="items"
:disabled="disabled"
can-remove
@remove="removeAssignee"
/>
</template>