diff --git a/src/components/AmountEditable.tsx b/src/components/AmountEditable.tsx index fb8c294..d6d7699 100644 --- a/src/components/AmountEditable.tsx +++ b/src/components/AmountEditable.tsx @@ -247,6 +247,20 @@ export const AmountEditable: ParentComponent<{ } } + function handleClose() { + props.setAmountSats(BigInt(props.initialAmountSats)); + setIsOpen(false); + setLocalSats(props.initialAmountSats); + setLocalFiat( + satsToUsd( + state.price, + parseInt(props.initialAmountSats || "0") || 0, + false + ) + ); + props.exitRoute && navigate(props.exitRoute); + } + // What we're all here for in the first place: returning a value function handleSubmit(e: SubmitEvent | MouseEvent) { e.preventDefault(); @@ -328,44 +342,12 @@ export const AmountEditable: ParentComponent<{
{ - props.setAmountSats( - BigInt(props.initialAmountSats) - ); - setIsOpen(false); - setLocalSats(props.initialAmountSats); - setLocalFiat( - satsToUsd( - state.price, - parseInt(props.initialAmountSats || "0") || - 0, - false - ) - ); - props.exitRoute && navigate(props.exitRoute); - }} + onEscapeKeyDown={handleClose} > {/* TODO: figure out how to submit on enter */}