fix(frontend): move dialogActions outside the JSX

This commit is contained in:
yassinedorbozgithub 2025-02-06 16:41:08 +01:00
parent d3ae363708
commit 14dbe5075a

View File

@ -20,16 +20,18 @@ export const FormDialog = ({
...rest
}: FormDialogProps) => {
const handleClose = () => rest.onClose?.({}, "backdropClick");
const dialogActions =
rest.hasButtons === false ? null : (
<DialogActions style={{ padding: "0.5rem" }}>
<DialogFormButtons onCancel={handleClose} onSubmit={onSubmit} />
</DialogActions>
);
return (
<Dialog fullWidth {...rest}>
<DialogTitle onClose={handleClose}>{title}</DialogTitle>
<DialogContent>{children}</DialogContent>
{rest.hasButtons === false ? null : (
<DialogActions style={{ padding: "0.5rem" }}>
<DialogFormButtons onCancel={handleClose} onSubmit={onSubmit} />
</DialogActions>
)}
{dialogActions}
</Dialog>
);
};