From 9a8021aff9f08bdafc4b9b2cb8c2d52eb5613ef6 Mon Sep 17 00:00:00 2001
From: Burnt Val <val@burnt.com>
Date: Wed, 13 Mar 2024 11:50:46 -0400
Subject: [PATCH] remove ability to click outside of send dialog to close

---
 .../components/WalletSend/WalletSend.tsx               | 10 +++++++++-
 packages/ui/src/icons/close.tsx                        |  1 -
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/apps/abstraxion-dashboard/components/WalletSend/WalletSend.tsx b/apps/abstraxion-dashboard/components/WalletSend/WalletSend.tsx
index 9ec6d130..6ec90ab2 100644
--- a/apps/abstraxion-dashboard/components/WalletSend/WalletSend.tsx
+++ b/apps/abstraxion-dashboard/components/WalletSend/WalletSend.tsx
@@ -11,6 +11,8 @@ import { formatBalance, isValidWalletAddress, truncateAddress } from "@/utils";
 import { XION_TO_USDC_CONVERSION } from "../Overview";
 import { ErrorDisplay } from "../ErrorDisplay";
 import { DeliverTxResponse } from "@cosmjs/stargate";
+import { DialogClose } from "@burnt-labs/ui";
+import { CloseIcon } from "@burnt-labs/ui";
 
 export function WalletSend({
   trigger,
@@ -106,7 +108,13 @@ export function WalletSend({
   return (
     <Dialog onOpenChange={setIsOpen} open={isOpen}>
       <DialogTrigger>{trigger}</DialogTrigger>
-      <DialogContent className="ui-text-white">
+      <DialogContent
+        className="ui-text-white"
+        onPointerDownOutside={(e: any) => e.preventDefault()}
+      >
+        <DialogClose className="ui-absolute ui-top-5 ui-right-10">
+          <CloseIcon className="ui-stroke-white/50" />
+        </DialogClose>
         {sendTokensError ? (
           <ErrorDisplay
             title="ERROR!"
diff --git a/packages/ui/src/icons/close.tsx b/packages/ui/src/icons/close.tsx
index 3d4169ed..5b1b51a6 100644
--- a/packages/ui/src/icons/close.tsx
+++ b/packages/ui/src/icons/close.tsx
@@ -8,7 +8,6 @@ export const CloseIcon = ({ className }: { className?: string }) => {
       height="24"
       viewBox="0 0 24 24"
       fill="none"
-      stroke="black"
       strokeWidth="2"
       strokeLinecap="round"
       strokeLinejoin="round"