diff options
author | Sebastian <sebasjm@gmail.com> | 2022-06-01 15:47:47 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-06-01 15:47:47 -0300 |
commit | af7b107f455b01e136db2211c357cc59a506139a (patch) | |
tree | d1a4596fba17b9db06d50a76f7ecfa403449faca /packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx | |
parent | 2aade8e7aed485577576f91e61474f69b4366060 (diff) | |
download | wallet-core-af7b107f455b01e136db2211c357cc59a506139a.tar.xz |
mui button impl
Diffstat (limited to 'packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx | 13 |
1 files changed, 5 insertions, 8 deletions
diff --git a/packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx b/packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx index 02d8fe6a8..ad6bdb9cc 100644 --- a/packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx +++ b/packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx @@ -4,18 +4,15 @@ import { Amount } from "../components/Amount.js"; import { BankDetailsByPaytoType } from "../components/BankDetailsByPaytoType.js"; import { ErrorMessage } from "../components/ErrorMessage.js"; import { QR } from "../components/QR.js"; -import { - ButtonDestructive, - Title, - WarningBox, -} from "../components/styled/index.js"; +import { Title, WarningBox } from "../components/styled/index.js"; import { useTranslationContext } from "../context/translation.js"; +import { Button } from "../mui/Button.js"; export interface Props { reservePub: string; paytoURI: PaytoUri | undefined; exchangeBaseUrl: string; amount: AmountJson; - onCancel: () => void; + onCancel: () => Promise<void>; } export function ReserveCreated({ @@ -82,9 +79,9 @@ export function ReserveCreated({ </section> <footer> <div /> - <ButtonDestructive onClick={onCancel}> + <Button variant="contained" color="error" onClick={onCancel}> <i18n.Translate>Cancel withdrawal</i18n.Translate> - </ButtonDestructive> + </Button> </footer> </Fragment> ); |