From 1965d1be1f4d28fbbbfd540a2701ae7063ae3378 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 13 Jan 2026 17:01:57 +0000
Subject: [PATCH] fix(webapp): Cancel button in API key regeneration dialog now
 closes the modal

The Cancel button was missing an onClick handler to close the modal dialog.
This caused confusing behavior where clicking Cancel would not dismiss the dialog.
Also added type="button" to prevent form submission since the button is inside a form.

Slack thread: https://triggerdotdev.slack.com/archives/C04CR1HUWBV/p1768323370953509
---
 .../app/components/environments/RegenerateApiKeyModal.tsx   | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/webapp/app/components/environments/RegenerateApiKeyModal.tsx b/apps/webapp/app/components/environments/RegenerateApiKeyModal.tsx
index 130c1c4acc..fb0c77ca7c 100644
--- a/apps/webapp/app/components/environments/RegenerateApiKeyModal.tsx
+++ b/apps/webapp/app/components/environments/RegenerateApiKeyModal.tsx
@@ -94,7 +94,11 @@ const RegenerateApiKeyModalContent = ({ id, randomWord, title, closeModal }: Mod
                 Regenerate
               </Button>
             }
-            cancelButton={<Button variant={"tertiary/medium"}>Cancel</Button>}
+            cancelButton={
+              <Button variant={"tertiary/medium"} type="button" onClick={closeModal}>
+                Cancel
+              </Button>
+            }
           />
         </Fieldset>
       </fetcher.Form>