remove ability to click outside of send dialog to close

burnt-labs · Mar 13, 2024 · 9a8021a · 9a8021a
1 parent 2b460cb
commit 9a8021a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git 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
@@ -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"