p-sw/pswui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(Popover): make opened prop update internal opened state in realtime

Browse Source
This commit is contained in:
p-sw 2024-06-30 22:44:14 +09:00
parent c1289b63ea
commit c52a8843e8
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/react/components/Popover.tsx
View File

@ -26,14 +26,20 @@ interface PopoverProps extends AsChild {
} }
const Popover = ({ children, opened, asChild }: PopoverProps) => { const Popover = ({ children, opened, asChild }: PopoverProps) => {
const state = React.useState<IPopoverContext>({ const [state, setState] = React.useState<IPopoverContext>({
opened: opened ?? false, opened: opened ?? false,
}); });
useEffect(() => {
if (opened !== undefined) {
setState((p) => ({ ...p, opened: opened }));
}
}, [opened]);
const Comp = asChild ? Slot : "div"; const Comp = asChild ? Slot : "div";
return ( return (
<PopoverContext.Provider value={state}> <PopoverContext.Provider value={[state, setState]}>
<Comp className="relative">{children}</Comp> <Comp className="relative">{children}</Comp>
</PopoverContext.Provider> </PopoverContext.Provider>
); );