diff --git a/packages/console/src/components/ConfirmModal/index.module.scss b/packages/console/src/components/ConfirmModal/index.module.scss index ede9f85d8..1c460fb58 100644 --- a/packages/console/src/components/ConfirmModal/index.module.scss +++ b/packages/console/src/components/ConfirmModal/index.module.scss @@ -4,6 +4,6 @@ font: var(--font-body-medium); > :not(:first-child) { - margin: _.unit(6) 0; + margin: _.unit(6) 0 0; } } diff --git a/packages/console/src/components/ConfirmModal/index.tsx b/packages/console/src/components/ConfirmModal/index.tsx index 40f3c1551..d373b2d2b 100644 --- a/packages/console/src/components/ConfirmModal/index.tsx +++ b/packages/console/src/components/ConfirmModal/index.tsx @@ -17,6 +17,8 @@ export type ConfirmModalProps = { confirmButtonText?: AdminConsoleKey; cancelButtonText?: AdminConsoleKey; isOpen: boolean; + isConfirmButtonDisabled?: boolean; + isLoading?: boolean; onCancel: () => void; onConfirm: () => void; }; @@ -29,6 +31,8 @@ const ConfirmModal = ({ confirmButtonText = 'general.confirm', cancelButtonText = 'general.cancel', isOpen, + isConfirmButtonDisabled = false, + isLoading = false, onCancel, onConfirm, }: ConfirmModalProps) => { @@ -43,7 +47,13 @@ const ConfirmModal = ({ footer={ <>