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 state = React.useState<IPopoverContext>({
const [state, setState] = React.useState<IPopoverContext>({
opened: opened ?? false,
});
useEffect(() => {
if (opened !== undefined) {
setState((p) => ({ ...p, opened: opened }));
}
}, [opened]);
const Comp = asChild ? Slot : "div";
return (
<PopoverContext.Provider value={state}>
<PopoverContext.Provider value={[state, setState]}>
<Comp className="relative">{children}</Comp>
</PopoverContext.Provider>
);