d9a5c11d6a
refactor: add keys to icons in routers for improved rendering and performance refactor: optimize RegExp polyfill by using Object.prototype.hasOwnProperty.call refactor: reorder imports in chain-proxy-provider for consistency refactor: remove unused "obfs-opts" property from IProxySnellConfig interface refactor: reorganize imports and enhance refresh logic in app data provider refactor: re-enable prop-types linting for better type safety in BaseDialog component refactor: update dependencies in effect hooks for improved stability and performance
76 lines
1.5 KiB
TypeScript
76 lines
1.5 KiB
TypeScript
/* eslint-disable react/prop-types */
|
|
import { LoadingButton } from "@mui/lab";
|
|
import {
|
|
Button,
|
|
Dialog,
|
|
DialogActions,
|
|
DialogContent,
|
|
DialogTitle,
|
|
type SxProps,
|
|
type Theme,
|
|
} from "@mui/material";
|
|
import { ReactNode } from "react";
|
|
|
|
interface Props {
|
|
title: ReactNode;
|
|
open: boolean;
|
|
okBtn?: ReactNode;
|
|
cancelBtn?: ReactNode;
|
|
disableOk?: boolean;
|
|
disableCancel?: boolean;
|
|
disableFooter?: boolean;
|
|
contentSx?: SxProps<Theme>;
|
|
children?: ReactNode;
|
|
loading?: boolean;
|
|
onOk?: () => void;
|
|
onCancel?: () => void;
|
|
onClose?: () => void;
|
|
}
|
|
|
|
export interface DialogRef {
|
|
open: () => void;
|
|
close: () => void;
|
|
}
|
|
|
|
export const BaseDialog: React.FC<Props> = (props) => {
|
|
const {
|
|
open,
|
|
title,
|
|
children,
|
|
okBtn,
|
|
cancelBtn,
|
|
contentSx,
|
|
disableCancel,
|
|
disableOk,
|
|
disableFooter,
|
|
loading,
|
|
} = props;
|
|
|
|
return (
|
|
<Dialog open={open} onClose={props.onClose}>
|
|
<DialogTitle>{title}</DialogTitle>
|
|
|
|
<DialogContent sx={contentSx}>{children}</DialogContent>
|
|
|
|
{!disableFooter && (
|
|
<DialogActions>
|
|
{!disableCancel && (
|
|
<Button variant="outlined" onClick={props.onCancel}>
|
|
{cancelBtn}
|
|
</Button>
|
|
)}
|
|
{!disableOk && (
|
|
<LoadingButton
|
|
loading={loading}
|
|
variant="contained"
|
|
onClick={props.onOk}
|
|
>
|
|
{okBtn}
|
|
</LoadingButton>
|
|
)}
|
|
</DialogActions>
|
|
)}
|
|
</Dialog>
|
|
);
|
|
};
|