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

Loading…
Cancel
Save