diff --git a/components/Notes.tsx b/components/Notes.tsx index 86cbe5b..6efcd4d 100644 --- a/components/Notes.tsx +++ b/components/Notes.tsx @@ -32,7 +32,7 @@ export default function Notes({ gameData: { dmID, cards, settings }, show }: Not cards[Object.keys(cardMap).find((key) => cardMap[key] === index) || 0], ) .filter((truthy) => truthy), - [settings], + [cards, isDM, settings], ); const showNotes = show && open && (isDM || settings.notes); @@ -49,7 +49,7 @@ export default function Notes({ gameData: { dmID, cards, settings }, show }: Not setOpen((prev) => !prev)} + clickAction={() => setOpen((prev) => !prev)} className={`transition-all duration-250 ${showNotes ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0'}`} >
) => void; + children: React.ReactNode; + clickAction: (event: React.MouseEvent) => void; show?: boolean; className?: string; }; -export default function Scrim({ children, onClick, show = true, className = '' }: ScrimProps) { +export default function Scrim({ children, clickAction, show = true, className = '' }: ScrimProps) { const handleClick = (event: React.MouseEvent) => { if (event.target === event.currentTarget) { - onClick && onClick(event); + clickAction(event); } }; if (!show) return null; diff --git a/components/Settings.tsx b/components/Settings.tsx index 800632c..c337e69 100644 --- a/components/Settings.tsx +++ b/components/Settings.tsx @@ -105,7 +105,7 @@ export default function Settings({ gameData, changeAction }: SettingsProps) { return (
setOpen((prev) => !prev)} + clickAction={() => setOpen((prev) => !prev)} className={`transition-all duration-250 ${open ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0'}`} >