diff --git a/packages/core/ui/Dialog.tsx b/packages/core/ui/Dialog.tsx index 1db191a736..d6552c7c10 100644 --- a/packages/core/ui/Dialog.tsx +++ b/packages/core/ui/Dialog.tsx @@ -27,11 +27,16 @@ const useStyles = makeStyles()(theme => ({ top: theme.spacing(1), color: theme.palette.grey[500], }, + errorBox: { + width: 800, + margin: 40, + }, })) function DialogError({ error }: { error: unknown }) { + const { classes } = useStyles() return ( -
+
) @@ -39,21 +44,23 @@ function DialogError({ error }: { error: unknown }) { interface Props extends DialogProps { header?: React.ReactNode + titleNode?: React.ReactNode } const Dialog = observer(function (props: Props) { const { classes } = useStyles() - const { title, header, children, onClose } = props + const { titleNode, ...rest } = props + const { title, header, children, onClose } = rest const theme = useTheme() return ( - + {isValidElement(header) ? ( header ) : ( - + {titleNode || } {onClose ? (