fix(striker-ui): add default proceed button style in ConfirmDialog

main
Tsu-ba-me 2 years ago
parent b0bad697a4
commit c017c5135e
  1. 16
      striker-ui/components/ConfirmDialog.tsx

@ -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;

Loading…
Cancel
Save