@craftercms/studio-ui
Version:
Services, components, models & utils to build CrafterCMS authoring extensions.
72 lines (70 loc) • 2.62 kB
JavaScript
/*
* Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved.
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Lesser General Public License version 3 as published by
* the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
/*
* Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved.
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License version 3 as published by
* the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
import React from 'react';
import IconButton from '@mui/material/IconButton';
import CloseIcon from '@mui/icons-material/CloseRounded';
import Dialog from '@mui/material/Dialog';
import { makeStyles } from 'tss-react/mui';
import ApiResponseErrorState from '../ApiResponseErrorState';
import { useUnmount } from '../../hooks/useUnmount';
const useStyles = makeStyles()((theme) => ({
closeButton: {
position: 'absolute',
right: theme.spacing(1),
top: theme.spacing(1)
},
body: {
padding: theme.spacing(2)
}
}));
function ErrorDialogBody(props) {
const { onDismiss, error } = props;
const { classes } = useStyles();
useUnmount(props.onClosed);
return React.createElement(
'div',
{ className: classes.body },
React.createElement(
IconButton,
{ 'aria-label': 'close', className: classes.closeButton, onClick: () => onDismiss(), size: 'large' },
React.createElement(CloseIcon, null)
),
error && React.createElement(ApiResponseErrorState, { error: error })
);
}
export function ErrorDialog(props) {
return React.createElement(
Dialog,
{ open: props.open, onClose: props.onClose },
React.createElement(ErrorDialogBody, Object.assign({}, props))
);
}
export default ErrorDialog;