diff options
Diffstat (limited to 'apps/web/components/ui/dialog.tsx')
| -rw-r--r-- | apps/web/components/ui/dialog.tsx | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/apps/web/components/ui/dialog.tsx b/apps/web/components/ui/dialog.tsx index 8e0c3c6c..18795408 100644 --- a/apps/web/components/ui/dialog.tsx +++ b/apps/web/components/ui/dialog.tsx @@ -30,8 +30,10 @@ DialogOverlay.displayName = DialogPrimitive.Overlay.displayName; const DialogContent = React.forwardRef< React.ElementRef<typeof DialogPrimitive.Content>, - React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> ->(({ className, children, ...props }, ref) => ( + React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & { + hideCloseBtn?: boolean; + } +>(({ className, children, hideCloseBtn = false, ...props }, ref) => ( <DialogPortal> <DialogOverlay /> <DialogPrimitive.Content @@ -43,10 +45,12 @@ 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"> - <X className="size-4" /> - <span className="sr-only">Close</span> - </DialogPrimitive.Close> + {!hideCloseBtn && ( + <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"> + <X className="size-4" /> + <span className="sr-only">Close</span> + </DialogPrimitive.Close> + )} </DialogPrimitive.Content> </DialogPortal> )); |
