refactor(ShiftAssignmentDialog): change Delete button icon to label f…

…or Rucha
frappe · Jun 27, 2024 · 42ef149 · 42ef149
1 parent 65782df
commit 42ef149
Showing 1 changed file with 4 additions and 6 deletions.
diff --git 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(),
 				};