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/DepositPage.tsx | |
parent | 2aade8e7aed485577576f91e61474f69b4366060 (diff) | |
download | wallet-core-af7b107f455b01e136db2211c357cc59a506139a.tar.xz |
mui button impl
Diffstat (limited to 'packages/taler-wallet-webextension/src/wallet/DepositPage.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/wallet/DepositPage.tsx | 23 |
1 files changed, 15 insertions, 8 deletions
diff --git a/packages/taler-wallet-webextension/src/wallet/DepositPage.tsx b/packages/taler-wallet-webextension/src/wallet/DepositPage.tsx index 9b8008175..1546674f1 100644 --- a/packages/taler-wallet-webextension/src/wallet/DepositPage.tsx +++ b/packages/taler-wallet-webextension/src/wallet/DepositPage.tsx @@ -23,8 +23,6 @@ import { Loading } from "../components/Loading.js"; import { LoadingError } from "../components/LoadingError.js"; import { SelectList } from "../components/SelectList.js"; import { - Button, - ButtonPrimary, ErrorText, Input, InputWithLabel, @@ -33,6 +31,7 @@ import { } from "../components/styled/index.js"; import { useTranslationContext } from "../context/translation.js"; import { HookError, useAsyncAsHook } from "../hooks/useAsyncAsHook.js"; +import { Button } from "../mui/Button.js"; import { ButtonHandler, SelectFieldHandler, @@ -275,7 +274,11 @@ export function View({ state }: ViewProps): VNode { </p> </WarningBox> <footer> - <Button onClick={state.cancelHandler.onClick}> + <Button + variant="contained" + color="secondary" + onClick={state.cancelHandler.onClick} + > <i18n.Translate>Cancel</i18n.Translate> </Button> </footer> @@ -345,20 +348,24 @@ export function View({ state }: ViewProps): VNode { } </section> <footer> - <Button onClick={state.cancelHandler.onClick}> + <Button + variant="contained" + color="secondary" + onClick={state.cancelHandler.onClick} + > <i18n.Translate>Cancel</i18n.Translate> </Button> {!state.depositHandler.onClick ? ( - <ButtonPrimary disabled> + <Button variant="contained" disabled> <i18n.Translate>Deposit</i18n.Translate> - </ButtonPrimary> + </Button> ) : ( - <ButtonPrimary onClick={state.depositHandler.onClick}> + <Button variant="contained" onClick={state.depositHandler.onClick}> <i18n.Translate> Deposit {Amounts.stringifyValue(state.totalToDeposit)}{" "} {state.currency} </i18n.Translate> - </ButtonPrimary> + </Button> )} </footer> </Fragment> |