synced/coder
1
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2025-07-15 22:20:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(site): Confirm delete on press Enter in delete dialog (#7720)

Browse Source
This commit is contained in:
Bruno Quaresma
2023-05-31 09:59:36 -03:00
committed by GitHub
parent be2067bb0d
commit b34894977d
1 changed files with 23 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
site/src/components/Dialogs/DeleteDialog/DeleteDialog.tsx
View File

@ -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>
</>
)