mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-05-07 20:32:26 +00:00
Gregor Vostrak
48 lines
1.9 KiB
Vue
48 lines
1.9 KiB
Vue
<script setup lang="ts">
|
|
import { TrashIcon, PencilSquareIcon } from '@heroicons/vue/20/solid';
|
|
import type { ProjectMember } from '@/packages/api/src';
|
|
import { useMembersStore } from '@/utils/useMembers';
|
|
import { storeToRefs } from 'pinia';
|
|
import { computed } from 'vue';
|
|
import MoreOptionsDropdown from '@/packages/ui/src/MoreOptionsDropdown.vue';
|
|
|
|
const emit = defineEmits<{
|
|
delete: [];
|
|
edit: [];
|
|
}>();
|
|
const props = defineProps<{
|
|
projectMember: ProjectMember;
|
|
}>();
|
|
|
|
const { members } = storeToRefs(useMembersStore());
|
|
|
|
const currentMember = computed(() => {
|
|
return members.value.find(
|
|
(member) => member.id === props.projectMember.user_id
|
|
);
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<MoreOptionsDropdown
|
|
:label="'Actions for Project Member ' + currentMember?.name">
|
|
<button
|
|
:aria-label="'Edit Project Member ' + currentMember?.name"
|
|
class="flex items-center space-x-3 w-full px-3 py-2.5 text-start text-sm font-medium leading-5 text-white hover:bg-card-background-active focus:outline-none focus:bg-card-background-active transition duration-150 ease-in-out"
|
|
@click.prevent="emit('edit')">
|
|
<PencilSquareIcon class="w-5 text-icon-active"></PencilSquareIcon>
|
|
<span>Edit</span>
|
|
</button>
|
|
<button
|
|
:aria-label="'Delete Project Member ' + currentMember?.name"
|
|
data-testid="project_delete"
|
|
class="flex items-center space-x-3 w-full px-3 py-2.5 text-start text-sm font-medium leading-5 text-white hover:bg-card-background-active focus:outline-none focus:bg-card-background-active transition duration-150 ease-in-out"
|
|
@click.prevent="emit('delete')">
|
|
<TrashIcon class="w-5 text-icon-active"></TrashIcon>
|
|
<span>Remove from Team</span>
|
|
</button>
|
|
</MoreOptionsDropdown>
|
|
</template>
|
|
|
|
<style scoped></style>
|