From 54da432e394d269e9c0cfe0781c12a89f201b9d6 Mon Sep 17 00:00:00 2001
From: benalleng <benalleng@gmail.com>
Date: Wed, 21 Jun 2023 12:49:22 -0400
Subject: [PATCH] feat: use handleClose function

---
 src/components/AmountEditable.tsx   | 50 +++++++++--------------------
 src/components/BetaWarningModal.tsx |  2 +-
 src/logic/browserCompatibility.ts   |  7 +++-
 3 files changed, 23 insertions(+), 36 deletions(-)

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<{
                 <div class={DIALOG_POSITIONER}>
                     <Dialog.Content
                         class={DIALOG_CONTENT}
-                        onEscapeKeyDown={() => {
-                            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 */}
                         <div class="w-full flex justify-end">
                             <button
-                                onClick={() => {
-                                    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);
-                                }}
+                                onClick={handleClose}
                                 class="hover:bg-white/10 rounded-lg active:bg-m-blue w-8 h-8"
                             >
                                 <img src={close} alt="Close" />
diff --git a/src/components/BetaWarningModal.tsx b/src/components/BetaWarningModal.tsx
index 499517e..6dc2e0f 100644
--- a/src/components/BetaWarningModal.tsx
+++ b/src/components/BetaWarningModal.tsx
@@ -42,7 +42,7 @@ export const WarningModal: ParentComponent<{
 }> = (props) => {
     const [open, setOpen] = createSignal(
         localStorage.getItem("betaWarned") !== "true" &&
-        getExistingSettings().network === "bitcoin"
+            getExistingSettings().network === "bitcoin"
     );
 
     function close() {
diff --git a/src/logic/browserCompatibility.ts b/src/logic/browserCompatibility.ts
index fa1c55a..d7ed2ea 100644
--- a/src/logic/browserCompatibility.ts
+++ b/src/logic/browserCompatibility.ts
@@ -11,7 +11,12 @@ export async function checkBrowserCompatibility(): Promise<boolean> {
 
     // Check if the browser supports WebAssembly
     console.debug("Checking WebAssembly");
-    if (typeof WebAssembly !== 'object' || !WebAssembly.validate(Uint8Array.of(0x0, 0x61, 0x73, 0x6d, 0x01, 0x00, 0x00, 0x00))) {
+    if (
+        typeof WebAssembly !== "object" ||
+        !WebAssembly.validate(
+            Uint8Array.of(0x0, 0x61, 0x73, 0x6d, 0x01, 0x00, 0x00, 0x00)
+        )
+    ) {
         throw new Error("WebAssembly is not supported.");
     }