Dokploy/dokploy
1
0
Fork 0
mirror of https://github.com/Dokploy/dokploy.git synced 2026-06-19 22:25:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(dialog-ux): internal component state control

Browse Source
This commit is contained in:
Vyacheslav Scherbinin
2025-08-13 12:54:58 +07:00
parent 6e069154ef
commit f4499463fe
1 changed files with 22 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
apps/dokploy/components/ui/dialog.tsx
View File

@@ -12,16 +12,28 @@ const Dialog = ({
onOpenChange,
open,
...props
}: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>) => (
<DialogContext.Provider value={{ onOpenChange, open }}>
<DialogPrimitive.Root
open={open}
onOpenChange={onOpenChange}
{...props}
modal={false}
/>
</DialogContext.Provider>
);
}: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>) => {
const [isOpened, setIsOpened] = React.useState(false); // for internal control
const handleOpenChange = (open: boolean) => {
if (onOpenChange) {
onOpenChange(open);
} else {
setIsOpened(open);
}
};
return (
<DialogContext.Provider value={{ onOpenChange: handleOpenChange, open: open || isOpened }}>
<DialogPrimitive.Root
open={open || isOpened}
onOpenChange={handleOpenChange}
{...props}
modal={false}
/>
</DialogContext.Provider>
);
};
Dialog.displayName = DialogPrimitive.Root.displayName;
const DialogTrigger = DialogPrimitive.Trigger;