8b8345d0e6
- fix https://github.com/donetick/donetick/issues/222 - Replaced Modal and ModalDialog with FadeModal in LabelModal, PasswordChangeModal, SelectModal, TextModal, UserModal, WriteNFCModal, RedeemPointsModal, and AddTaskModal. - Updated modal structure and layout to maintain functionality while enhancing visual consistency. - Removed unused imports and commented-out code for cleaner codebase.
48 lines
1.1 KiB
JavaScript
48 lines
1.1 KiB
JavaScript
import { Box, Button, Typography } from '@mui/joy'
|
|
import FadeModal from '../../../components/common/FadeModal'
|
|
|
|
function ConfirmationModal({ config }) {
|
|
const handleAction = isConfirmed => {
|
|
config.onClose(isConfirmed)
|
|
}
|
|
|
|
return (
|
|
<FadeModal
|
|
open={config?.isOpen}
|
|
onClose={config?.onClose}
|
|
size='sm'
|
|
unmountDelay={250}
|
|
>
|
|
<Typography level='h4' mb={1}>
|
|
{config?.title}
|
|
</Typography>
|
|
|
|
<Typography level='body-md' gutterBottom>
|
|
{config?.message}
|
|
</Typography>
|
|
|
|
<Box display={'flex'} justifyContent={'space-around'} mt={1}>
|
|
<Button
|
|
onClick={() => {
|
|
handleAction(true)
|
|
}}
|
|
fullWidth
|
|
sx={{ mr: 1 }}
|
|
color={config.color ? config.color : 'primary'}
|
|
>
|
|
{config?.confirmText}
|
|
</Button>
|
|
<Button
|
|
onClick={() => {
|
|
handleAction(false)
|
|
}}
|
|
variant='outlined'
|
|
>
|
|
{config?.cancelText}
|
|
</Button>
|
|
</Box>
|
|
</FadeModal>
|
|
)
|
|
}
|
|
export default ConfirmationModal
|