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