From 36e66fd26479c1c1e32e16a83848f0a475fa3444 Mon Sep 17 00:00:00 2001
From: ishita778 <122644722+ishita778@users.noreply.github.com>
Date: Fri, 6 Feb 2026 16:58:25 -0600
Subject: [PATCH] feat: UTRP-40: delete active schedule (#631)

* feat: delete active schedule

* fix: lock file

* Update pnpm-lock.yaml

---------

Co-authored-by: Derek <derex1987@gmail.com>
---
 .../components/common/ScheduleListItem.tsx     | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/views/components/common/ScheduleListItem.tsx b/src/views/components/common/ScheduleListItem.tsx
index 1311093e..22582b79 100644
--- a/src/views/components/common/ScheduleListItem.tsx
+++ b/src/views/components/common/ScheduleListItem.tsx
@@ -54,6 +54,19 @@ export default function ScheduleListItem({ schedule, onClick }: ScheduleListItem
         }
     };
 
+    const handleKeyDown = (e: React.KeyboardEvent) => {
+        if (e.key === 'Delete' && !isEditing) {
+            // Check if any popups/dialogs are open by looking for open menu elements
+            const openMenus = document.querySelectorAll('[data-headlessui-state="open"]');
+            const openDialogs = document.querySelectorAll('[role="dialog"]');
+
+            if (openMenus.length === 0 && openDialogs.length === 0) {
+                e.preventDefault();
+                handleDelete();
+            }
+        }
+    };
+
     const editorRef = React.useRef<HTMLInputElement>(null);
     useEffect(() => {
         const editor = editorRef.current;
@@ -142,7 +155,7 @@ export default function ScheduleListItem({ schedule, onClick }: ScheduleListItem
     };
 
     return (
-        <div className='h-7.5 rounded bg-white'>
+        <div className='h-7.5 rounded bg-white' tabIndex={0} onKeyDown={handleKeyDown}>
             <div className='h-full w-full flex cursor-pointer items-center gap-[1px] text-ut-burntorange'>
                 {IS_STORYBOOK ? (
                     <DotsSixVertical
@@ -182,6 +195,9 @@ export default function ScheduleListItem({ schedule, onClick }: ScheduleListItem
                                     if (e.key === 'Escape') {
                                         setIsEditing(false);
                                     }
+                                    if (e.key === 'Delete') {
+                                        e.stopPropagation();
+                                    }
                                 }}
                                 onBlur={handleBlur}
                                 ref={editorRef}