djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added "info" variant for Action Dialog

Browse source 
Info messages should not require any kind of confirmation, so I added
option to disable ConfirmButton by providing "info" as a variant
This commit is contained in:
Vladimir Romashchenko 2020-08-11 04:04:16 -04:00
parent 1480a4478c
commit d0422323ba
No known key found for this signature in database
GPG key ID: E5B7EA4A9E1D48F4
1 changed files with 17 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/components/ActionDialog/ActionDialog.tsx
View file

@ -33,7 +33,7 @@ interface ActionDialogProps extends DialogProps {
confirmButtonState: ConfirmButtonTransitionState;
maxWidth?: "xs" | "sm" | "md" | "lg" | "xl" | false;
title: string;
variant?: "default" | "delete";
variant?: "default" | "delete" | "info";
onConfirm();
}
@ -61,20 +61,22 @@ const ActionDialog: React.FC<ActionDialogProps> = props => {
<Button onClick={onClose}>
<FormattedMessage {...buttonMessages.back} />
</Button>
<ConfirmButton
transitionState={confirmButtonState}
color="primary"
variant="contained"
onClick={onConfirm}
className={classNames({
[classes.deleteButton]: variant === "delete"
})}
>
{confirmButtonLabel ||
(variant === "delete"
? intl.formatMessage(buttonMessages.delete)
: intl.formatMessage(buttonMessages.confirm))}
</ConfirmButton>
{variant !== "info" && (
<ConfirmButton
transitionState={confirmButtonState}
color="primary"
variant="contained"
onClick={onConfirm}
className={classNames({
[classes.deleteButton]: variant === "delete"
})}
>
{confirmButtonLabel ||
(variant === "delete"
? intl.formatMessage(buttonMessages.delete)
: intl.formatMessage(buttonMessages.confirm))}
</ConfirmButton>
)}
</DialogActions>
</Dialog>
);