fix: add dialog className (#56)

babylonlabs-io · Dec 10, 2024 · 887dbe1 · 887dbe1
1 parent dfba841
commit 887dbe1
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 58 deletions.
diff --git a/.changeset/twelve-walls-sit.md b/.changeset/twelve-walls-sit.md
@@ -0,0 +1,5 @@
+---
+"@babylonlabs-io/bbn-core-ui": patch
+---
+
+fix: add dialog className
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/Dialog/Dialog.tsx b/src/components/Dialog/Dialog.tsx
@@ -10,6 +10,7 @@ export interface DialogProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivEle
   onClose?: () => void;
   hasBackdrop?: boolean;
   backdropClassName?: string;
+  dialogClassName?: string;
 }
 
 export const Dialog = ({
@@ -19,15 +20,16 @@ export const Dialog = ({
   onClose,
   hasBackdrop = true,
   backdropClassName,
+  dialogClassName,
   ...restProps
 }: DialogProps) => {
   const { mounted, unmount } = useModalManager({ open });
 
   return (
     <Portal mounted={mounted}>
-      <div {...restProps} className="bbn-dialog-wrapper">
+      <div {...restProps} className={twJoin("bbn-dialog-wrapper", className)}>
         <div
-          className={twJoin("bbn-dialog", open ? "animate-modal-in" : "animate-modal-out", className)}
+          className={twJoin("bbn-dialog", open ? "animate-modal-in" : "animate-modal-out", dialogClassName)}
           onAnimationEnd={unmount}
         >
           {children}

diff --git a/src/hooks/usePopperUpdate.ts b/src/hooks/usePopperUpdate.ts
diff --git a/src/hooks/usePortalRoot.ts b/src/hooks/usePortalRoot.ts