fix: cancel button getting read as form submit in key deletion dialog

upstash · Nov 15, 2024 · 8c8767a · 8c8767a
1 parent 124c68d
commit 8c8767a
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/databrowser/components/display/delete-alert-dialog.tsx b/src/components/databrowser/components/display/delete-alert-dialog.tsx
@@ -39,7 +39,9 @@ export function DeleteAlertDialog({
           </AlertDialogDescription>
         </AlertDialogHeader>
         <AlertDialogFooter>
-          <AlertDialogCancel>Cancel</AlertDialogCancel>
+          <AlertDialogCancel type="button" onClick={(e) => e.stopPropagation()}>
+            Cancel
+          </AlertDialogCancel>
           <AlertDialogAction
             className="bg-red-500 text-gray-50 hover:bg-red-600"
             onClick={onDeleteConfirm}