From 24cf1bc36a37b891f3d71e5c44d66972421d739f Mon Sep 17 00:00:00 2001 From: qorexdevs Date: Fri, 3 Jul 2026 12:13:52 +0500 Subject: [PATCH] fix(onboarding): add Escape key to close ConfirmResetModal --- .../src/wavex-os/components/ConfirmResetModal.tsx | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/packages/onboarding-ui/src/wavex-os/components/ConfirmResetModal.tsx b/packages/onboarding-ui/src/wavex-os/components/ConfirmResetModal.tsx index ea4b5bfe..0c124d7b 100644 --- a/packages/onboarding-ui/src/wavex-os/components/ConfirmResetModal.tsx +++ b/packages/onboarding-ui/src/wavex-os/components/ConfirmResetModal.tsx @@ -10,7 +10,7 @@ * for the advanced option, or use the legacy explicit affordance from * the welcome screen. */ -import { useState } from "react"; +import { useState, useEffect } from "react"; interface Props { companyId: string; @@ -24,6 +24,17 @@ interface Props { export function ConfirmResetModal({ companyId, busy, onCancel, onConfirm }: Props) { const [showAdvanced, setShowAdvanced] = useState(false); + useEffect(() => { + const handleEscape = (e: KeyboardEvent) => { + if (e.key === 'Escape' && !busy) { + e.preventDefault(); + onCancel(); + } + }; + window.addEventListener('keydown', handleEscape); + return () => window.removeEventListener('keydown', handleEscape); + }, [busy, onCancel]); + return (