fix: disabled [object Object] hover message on dialog popups (#284)

This commit is contained in:
Casey Charleston
2024-10-08 17:18:48 -05:00
committed by GitHub
parent b3632c0196
commit dcc1d81a74

View File

@@ -31,7 +31,7 @@ export type DialogProps = _DialogProps & Omit<TransitionRootProps<typeof HDialog
* A reusable popup component that can be used to display content on the page * A reusable popup component that can be used to display content on the page
*/ */
export default function Dialog(props: PropsWithChildren<DialogProps>): JSX.Element { export default function Dialog(props: PropsWithChildren<DialogProps>): JSX.Element {
const { children, className, open, ...rest } = props; const { children, className, open, title, description, ...rest } = props;
return ( return (
<Transition show={open} as={HDialog} {...rest}> <Transition show={open} as={HDialog} {...rest}>
@@ -63,8 +63,8 @@ export default function Dialog(props: PropsWithChildren<DialogProps>): JSX.Eleme
className className
)} )}
> >
{props.title && <DialogTitle as={Fragment}>{props.title}</DialogTitle>} {title && <DialogTitle as={Fragment}>{title}</DialogTitle>}
{props.description && <Description as={Fragment}>{props.description}</Description>} {description && <Description as={Fragment}>{description}</Description>}
{children} {children}
</DialogPanel> </DialogPanel>
</TransitionChild> </TransitionChild>