From 42ef1490bd384f10d97b425e7ed11b83157684bf Mon Sep 17 00:00:00 2001
From: krantheman <akash.akasht.tom@gmail.com>
Date: Thu, 27 Jun 2024 15:00:58 +0530
Subject: [PATCH] refactor(ShiftAssignmentDialog): change Delete button icon to
 label for Rucha

---
 roster/src/components/ShiftAssignmentDialog.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/roster/src/components/ShiftAssignmentDialog.vue b/roster/src/components/ShiftAssignmentDialog.vue
index 8274672b38..9419ef89a5 100644
--- a/roster/src/components/ShiftAssignmentDialog.vue
+++ b/roster/src/components/ShiftAssignmentDialog.vue
@@ -107,11 +107,9 @@
 		</template>
 		<template #actions>
 			<div class="flex space-x-2 justify-end">
-				<Dropdown
-					v-if="props.shiftAssignmentName"
-					:options="actions"
-					:button="{ size: 'md', icon: 'trash-2' }"
-				/>
+				<Dropdown v-if="props.shiftAssignmentName" :options="actions">
+					<Button size="md" label="Delete" variant="outline" class="w-28" />
+				</Dropdown>
 				<Button
 					size="md"
 					variant="solid"
@@ -230,7 +228,7 @@ const actions = computed(() => {
 			label: `Shift for ${selectedDate.value}`,
 			onClick: () => {
 				deleteDialogOptions.value = {
-					title: "Remove Shift?",
+					title: "Delete Shift?",
 					message: `This will remove Shift Assignment: <a href='/app/shift-assignment/${props.shiftAssignmentName}' target='_blank'><u>${props.shiftAssignmentName}</u></a> scheduled for <b>${selectedDate.value}</b>.`,
 					action: () => deleteCurrentShift.submit(),
 				};