From b3e210750352f1aa3ebb9eb17d2ca4bd0d5b1025 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 28 Jan 2024 13:30:29 +0100
Subject: [PATCH] fix(task): don't show assignee edit buttons and input when
 the user does not have the permission to edit

---
 src/components/tasks/partials/editAssignees.vue | 2 +-
 src/views/tasks/TaskDetailView.vue              | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/tasks/partials/editAssignees.vue b/src/components/tasks/partials/editAssignees.vue
index e4733a3d0..c96da798a 100644
--- a/src/components/tasks/partials/editAssignees.vue
+++ b/src/components/tasks/partials/editAssignees.vue
@@ -12,7 +12,7 @@
 		:autocomplete-enabled="false"
 	>
 		<template #items="{items}">
-			<assignee-list :assignees="items" :remove="removeAssignee"/>
+			<assignee-list :assignees="items" :remove="removeAssignee" :disabled="disabled"/>
 		</template>
 		<template #searchResult="{option: user}">
 			<user :avatar-size="24" :show-username="true" :user="user"/>
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index 1e6b0d2e5..a105e54c6 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -37,12 +37,17 @@
 								{{ $t('task.attributes.assignees') }}
 							</div>
 							<edit-assignees
-								:disabled="!canWrite"
+								v-if="canWrite"
 								:project-id="task.projectId"
 								:task-id="task.id"
 								:ref="e => setFieldRef('assignees', e)"
 								v-model="task.assignees"
 							/>
+							<assignee-list
+								v-else
+								:assignees="task.assignees"
+								class="mt-2"
+							/>
 						</div>
 						<CustomTransition name="flash-background" appear>
 							<div class="column" v-if="activeFields.priority">
@@ -513,6 +518,7 @@ import {useProjectStore} from '@/stores/projects'
 import {TASK_REPEAT_MODES} from '@/types/IRepeatMode'
 import {useAuthStore} from '@/stores/auth'
 import {playPopSound} from '@/helpers/playPop'
+import AssigneeList from '@/components/tasks/partials/assigneeList.vue'
 
 const {
 	taskId,