diff --git a/frontend/src/components/input/Reactions.vue b/frontend/src/components/input/Reactions.vue index 16d4d5af9..929404035 100644 --- a/frontend/src/components/input/Reactions.vue +++ b/frontend/src/components/input/Reactions.vue @@ -16,9 +16,11 @@ import {useColorScheme} from '@/composables/useColorScheme' const { entityKind, entityId, + disabled = false, } = defineProps<{ entityKind: ReactionKind, entityId: number, + disabled?: boolean, }>() const authStore = useAuthStore() @@ -143,11 +145,13 @@ async function toggleReaction(value: string) { v-tooltip="getReactionTooltip(users, value)" class="reaction-button" :class="{'current-user-has-reacted': hasCurrentUserReactedWithEmoji(value)}" + :disabled @click="toggleReaction(value)" > {{ value }} {{ users.length }} diff --git a/frontend/src/views/tasks/TaskDetailView.vue b/frontend/src/views/tasks/TaskDetailView.vue index 12b593e37..8a2b4c6f7 100644 --- a/frontend/src/views/tasks/TaskDetailView.vue +++ b/frontend/src/views/tasks/TaskDetailView.vue @@ -328,6 +328,7 @@ entity-kind="tasks" :entity-id="task.id" class="details" + :disabled="!canWrite" />