UniqAI/hexabot
1
0
Fork 0
mirror of https://github.com/hexastack/hexabot synced 2025-02-23 12:59:14 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(frontend): add retrocompatibility for dialog close button

Browse Source
This commit is contained in:
yassinedorbozgithub 2025-02-03 14:52:24 +01:00
parent 7d93792f3a
commit 89f0811116
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/app-components/dialogs/DialogTitle.tsx
View File

@ -1,11 +1,12 @@
/* /*
* Copyright © 2024 Hexastack. All rights reserved. * Copyright © 2025 Hexastack. All rights reserved.
* *
* Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms: * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
* 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission. * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
* 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file). * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
*/ */
import CloseIcon from "@mui/icons-material/Close"; import CloseIcon from "@mui/icons-material/Close";
import { import {
IconButton, IconButton,
@ -22,9 +23,11 @@ const StyledDialogTitle = styled(Typography)(() => ({
export const DialogTitle = ({ export const DialogTitle = ({
children, children,
onClose, onClose,
onCloseV2,
}: { }: {
children: React.ReactNode; children: React.ReactNode;
onClose?: onClose?: () => void;
onCloseV2?:
| ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void)
| undefined; | undefined;
}) => ( }) => (
@ -34,7 +37,14 @@ export const DialogTitle = ({
<IconButton <IconButton
size="small" size="small"
aria-label="close" aria-label="close"
onClick={(e) => onClose(e, "backdropClick")} onClick={(e) => {
if (onCloseV2) {
onCloseV2(e, "backdropClick");
} else {
//TODO: the old onClose prop can be replaced by the new one after the full implementation of the useDialogs hook
onClose();
}
}}
> >
<CloseIcon /> <CloseIcon />
</IconButton> </IconButton>