kenmirrors/ente
1
0
Fork 0
mirror of https://github.com/ente-io/ente.git synced 2025-08-13 09:47:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move into web/

Browse Source
This commit is contained in:
Manav Rathi
2024-03-01 12:21:07 +05:30
parent b3193968e7
commit e15c7e1642
915 changed files with 0 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

121
web/packages/shared/components/DialogBox/index.tsx Normal file
View File

@@ -0,0 +1,121 @@
import {
Breakpoint,
Button,
DialogActions,
DialogContent,
DialogProps,
Typography,
} from "@mui/material";
import { t } from "i18next";
import React from "react";
import DialogIcon from "./DialogIcon";
import DialogTitleWithCloseButton, {
dialogCloseHandler,
} from "./TitleWithCloseButton";
import DialogBoxBase from "./base";
import { DialogBoxAttributes } from "./types";
type IProps = React.PropsWithChildren<
Omit<DialogProps, "onClose" | "maxSize"> & {
onClose: () => void;
attributes: DialogBoxAttributes;
size?: Breakpoint;
titleCloseButton?: boolean;
}
>;
export default function DialogBox({
attributes,
children,
open,
size,
onClose,
titleCloseButton,
...props
}: IProps) {
if (!attributes) {
return <></>;
}
const handleClose = dialogCloseHandler({
staticBackdrop: attributes.staticBackdrop,
nonClosable: attributes.nonClosable,
onClose: onClose,
});
return (
<DialogBoxBase
open={open}
maxWidth={size}
onClose={handleClose}
{...props}
>
{attributes.icon && <DialogIcon icon={attributes.icon} />}
{attributes.title && (
<DialogTitleWithCloseButton
onClose={
titleCloseButton &&
!attributes.nonClosable &&
handleClose
}
>
{attributes.title}
</DialogTitleWithCloseButton>
)}
{(children || attributes?.content) && (
<DialogContent>
{children || (
<Typography color="text.muted">
{attributes.content}
</Typography>
)}
</DialogContent>
)}
{(attributes.close || attributes.proceed) && (
<DialogActions>
<>
{attributes.close && (
<Button
size="large"
color={attributes.close?.variant ?? "secondary"}
onClick={() => {
attributes.close.action &&
attributes.close?.action();
onClose();
}}
>
{attributes.close?.text ?? t("OK")}
</Button>
)}
{attributes.proceed && (
<Button
size="large"
color={attributes.proceed?.variant}
onClick={() => {
attributes.proceed.action();
onClose();
}}
disabled={attributes.proceed.disabled}
>
{attributes.proceed.text}
</Button>
)}
{attributes.secondary && (
<Button
size="large"
color={attributes.secondary?.variant}
onClick={() => {
attributes.secondary.action();
onClose();
}}
disabled={attributes.secondary.disabled}
>
{attributes.secondary.text}
</Button>
)}
</>
</DialogActions>
)}
</DialogBoxBase>
);
}