From 32fabac0d37119bead06e569d3db8f140f7b5961 Mon Sep 17 00:00:00 2001
From: Bojan Mojsilovic <bmojsilovic@itekako.com>
Date: Mon, 29 Apr 2024 14:22:27 +0200
Subject: [PATCH] Handle Custom zap Modal clicks

---
 src/components/CustomZap/CustomZap.tsx | 25 +++++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/components/CustomZap/CustomZap.tsx b/src/components/CustomZap/CustomZap.tsx
index 0e89d2d..ecd0004 100644
--- a/src/components/CustomZap/CustomZap.tsx
+++ b/src/components/CustomZap/CustomZap.tsx
@@ -141,9 +141,30 @@ const CustomZap: Component<{
     props.onFail(selectedValue());
   };
 
+  let md = false;
+
   return (
-    <Modal open={props.open} onClose={() => props.onCancel({ amount: 0, message: '' })}>
-      <div id={props.id} class={styles.customZap}>
+    <Modal
+      open={props.open}
+      onClose={() => {
+        if (md) {
+          md = false;
+        }
+        else {
+          props.onCancel({ amount: 0, message: '' });
+        }
+      }}
+    >
+      <div
+        id={props.id}
+        class={styles.customZap}
+        onMouseUp={() => md = false}
+        onMouseDown={() => md = true}
+        onClick={(e: MouseEvent) => {
+          e.preventDefault();
+          e.stopPropagation();
+        }}
+      >
         <div class={styles.header}>
           <div class={styles.title}>
             <div class={styles.caption}>