mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-08 00:02:15 +01:00
30 lines
1.3 KiB
Vue
30 lines
1.3 KiB
Vue
<script setup lang="ts">
|
|
import { TrashIcon, ArrowPathIcon } from '@heroicons/vue/20/solid';
|
|
import MoreOptionsDropdown from '@/packages/ui/src/MoreOptionsDropdown.vue';
|
|
const emit = defineEmits<{
|
|
delete: [];
|
|
resend: [];
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<MoreOptionsDropdown label="Actions for the invitation">
|
|
<button
|
|
data-testid="invitation_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="emit('resend')">
|
|
<ArrowPathIcon class="w-5 text-icon-active"></ArrowPathIcon>
|
|
<span>Resend Invitation</span>
|
|
</button>
|
|
<button
|
|
data-testid="invitation_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="emit('delete')">
|
|
<TrashIcon class="w-5 text-icon-active"></TrashIcon>
|
|
<span>Delete</span>
|
|
</button>
|
|
</MoreOptionsDropdown>
|
|
</template>
|
|
|
|
<style scoped></style>
|