From b34894977d0b47554c0593414d150509b4dd2aaf Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Wed, 31 May 2023 09:59:36 -0300
Subject: [PATCH] fix(site): Confirm delete on press Enter in delete dialog
 (#7720)

---
 .../Dialogs/DeleteDialog/DeleteDialog.tsx     | 37 ++++++++++++-------
 1 file changed, 23 insertions(+), 14 deletions(-)

diff --git a/site/src/components/Dialogs/DeleteDialog/DeleteDialog.tsx b/site/src/components/Dialogs/DeleteDialog/DeleteDialog.tsx
index cd1749d062..0a56fe65b2 100644
--- a/site/src/components/Dialogs/DeleteDialog/DeleteDialog.tsx
+++ b/site/src/components/Dialogs/DeleteDialog/DeleteDialog.tsx
@@ -41,20 +41,29 @@ export const DeleteDialog: FC<PropsWithChildren<DeleteDialogProps>> = ({
       </Maybe>
       <p>{t("deleteDialog.confirm", { entity })}</p>
 
-      <TextField
-        fullWidth
-        autoFocus
-        className={styles.textField}
-        name="confirmation"
-        autoComplete="off"
-        id="confirmation"
-        placeholder={name}
-        value={nameValue}
-        onChange={handleChange}
-        label={t("deleteDialog.confirmLabel", { entity })}
-        error={hasError}
-        helperText={hasError && t("deleteDialog.incorrectName", { entity })}
-      />
+      <form
+        onSubmit={(e) => {
+          e.preventDefault()
+          if (confirmed) {
+            onConfirm()
+          }
+        }}
+      >
+        <TextField
+          fullWidth
+          autoFocus
+          className={styles.textField}
+          name="confirmation"
+          autoComplete="off"
+          id="confirmation"
+          placeholder={name}
+          value={nameValue}
+          onChange={handleChange}
+          label={t("deleteDialog.confirmLabel", { entity })}
+          error={hasError}
+          helperText={hasError && t("deleteDialog.incorrectName", { entity })}
+        />
+      </form>
     </>
   )