|
|
@ -1,6 +1,8 @@ |
|
|
|
import { MouseEventHandler, ReactNode } from 'react'; |
|
|
|
import { MouseEventHandler, ReactNode } from 'react'; |
|
|
|
import { Box, ButtonProps, Dialog, DialogProps } from '@mui/material'; |
|
|
|
import { Box, ButtonProps, Dialog, DialogProps } from '@mui/material'; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
import { BLUE, TEXT } from '../lib/consts/DEFAULT_THEME'; |
|
|
|
|
|
|
|
|
|
|
|
import ContainedButton from './ContainedButton'; |
|
|
|
import ContainedButton from './ContainedButton'; |
|
|
|
import { Panel, PanelHeader } from './Panels'; |
|
|
|
import { Panel, PanelHeader } from './Panels'; |
|
|
|
import { BodyText, HeaderText } from './Text'; |
|
|
|
import { BodyText, HeaderText } from './Text'; |
|
|
@ -61,7 +63,17 @@ const ConfirmDialog = ( |
|
|
|
}} |
|
|
|
}} |
|
|
|
> |
|
|
|
> |
|
|
|
<ContainedButton onClick={onCancel}>{actionCancelText}</ContainedButton> |
|
|
|
<ContainedButton onClick={onCancel}>{actionCancelText}</ContainedButton> |
|
|
|
<ContainedButton sx={proceedButtonSx} onClick={onProceed}> |
|
|
|
<ContainedButton |
|
|
|
|
|
|
|
sx={{ |
|
|
|
|
|
|
|
backgroundColor: BLUE, |
|
|
|
|
|
|
|
color: TEXT, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
'&:hover': { backgroundColor: `${BLUE}F0` }, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
...proceedButtonSx, |
|
|
|
|
|
|
|
}} |
|
|
|
|
|
|
|
onClick={onProceed} |
|
|
|
|
|
|
|
> |
|
|
|
{actionProceedText} |
|
|
|
{actionProceedText} |
|
|
|
</ContainedButton> |
|
|
|
</ContainedButton> |
|
|
|
</Box> |
|
|
|
</Box> |
|
|
@ -71,4 +83,6 @@ const ConfirmDialog = ( |
|
|
|
|
|
|
|
|
|
|
|
ConfirmDialog.defaultProps = CONFIRM_DIALOG_DEFAULT_PROPS; |
|
|
|
ConfirmDialog.defaultProps = CONFIRM_DIALOG_DEFAULT_PROPS; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export type { ConfirmDialogProps }; |
|
|
|
|
|
|
|
|
|
|
|
export default ConfirmDialog; |
|
|
|
export default ConfirmDialog; |
|
|
|