Fix confirm delete button to require confirmation text before enabling it.

This commit is contained in:
ruxenburg
2025-12-27 03:20:09 +01:00
committed by Owen Schwartz
parent 2ca400ab16
commit 9d849a0ced

View File

@@ -63,6 +63,9 @@ export default function ConfirmDeleteDialog({
} }
}); });
const confirmText = form.watch("string");
const isConfirmed = confirmText === string;
async function onSubmit() { async function onSubmit() {
try { try {
await onConfirm(); await onConfirm();
@@ -139,7 +142,8 @@ export default function ConfirmDeleteDialog({
type="submit" type="submit"
form="confirm-delete-form" form="confirm-delete-form"
loading={loading} loading={loading}
disabled={loading} disabled={loading || !isConfirmed}
className={!isConfirmed && !loading ? "opacity-50 cursor-not-allowed" : ""}
> >
{buttonText} {buttonText}
</Button> </Button>