Temporarily remove close X on dialogs

pezzolabs · Nov 8, 2023 · 146ac96 · 146ac96
1 parent d4958ad
commit 146ac96
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/apps/console/src/lib/providers/RequiredProviderApiKeyModalProvider.tsx b/apps/console/src/lib/providers/RequiredProviderApiKeyModalProvider.tsx
@@ -85,7 +85,10 @@ export const RequiredProviderApiKeyModalProvider = ({ children }) => {
   return (
     <RequiredProviderApiKeyModalContext.Provider value={value}>
       <Dialog open={open}>
-        <DialogContent className="text-sm">
+        <DialogContent
+          onPointerDownOutside={() => setOpen(false)}
+          className="text-sm"
+        >
           <DialogHeader>
             <DialogTitle>API Key Required</DialogTitle>
           </DialogHeader>

diff --git a/libs/ui/src/components/ui/dialog.tsx b/libs/ui/src/components/ui/dialog.tsx
@@ -42,10 +42,10 @@ const DialogContent = React.forwardRef<
       {...props}
     >
       {children}
-      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+      {/* <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
         <Cross2Icon className="h-4 w-4" />
         <span className="sr-only">Close</span>
-      </DialogPrimitive.Close>
+      </DialogPrimitive.Close> */}
     </DialogPrimitive.Content>
   </DialogPortal>
 ));