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/cta/TermsOfServiceSection.tsx | |
parent | 2aade8e7aed485577576f91e61474f69b4366060 (diff) | |
download | wallet-core-af7b107f455b01e136db2211c357cc59a506139a.tar.xz |
mui button impl
Diffstat (limited to 'packages/taler-wallet-webextension/src/cta/TermsOfServiceSection.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/cta/TermsOfServiceSection.tsx | 23 |
1 files changed, 15 insertions, 8 deletions
diff --git a/packages/taler-wallet-webextension/src/cta/TermsOfServiceSection.tsx b/packages/taler-wallet-webextension/src/cta/TermsOfServiceSection.tsx index 057144866..7092468cd 100644 --- a/packages/taler-wallet-webextension/src/cta/TermsOfServiceSection.tsx +++ b/packages/taler-wallet-webextension/src/cta/TermsOfServiceSection.tsx @@ -2,14 +2,13 @@ import { Fragment, h, VNode } from "preact"; import { CheckboxOutlined } from "../components/CheckboxOutlined.js"; import { ExchangeXmlTos } from "../components/ExchangeToS.js"; import { - ButtonSuccess, - ButtonWarning, LinkSuccess, TermsOfService, WarningBox, WarningText, } from "../components/styled/index.js"; import { useTranslationContext } from "../context/translation.js"; +import { Button } from "../mui/Button.js"; import { TermsState } from "../utils/index.js"; export interface Props { @@ -58,20 +57,28 @@ export function TermsOfServiceSection({ )} {terms.status === "new" && ( <section> - <ButtonSuccess upperCased onClick={() => onReview(true)}> + <Button + variant="contained" + color="success" + onClick={async () => onReview(true)} + > <i18n.Translate> Review exchange terms of service </i18n.Translate> - </ButtonSuccess> + </Button> </section> )} {terms.status === "changed" && ( <section> - <ButtonWarning upperCased onClick={() => onReview(true)}> + <Button + variant="contained" + color="success" + onClick={async () => onReview(true)} + > <i18n.Translate> Review new version of terms of service </i18n.Translate> - </ButtonWarning> + </Button> </section> )} </Fragment> @@ -95,7 +102,7 @@ export function TermsOfServiceSection({ I accept the exchange terms of service </i18n.Translate> } - onToggle={() => { + onToggle={async () => { onAccept(!reviewed); if (ableToReviewTermsOfService) onReview(false); }} @@ -154,7 +161,7 @@ export function TermsOfServiceSection({ I accept the exchange terms of service </i18n.Translate> } - onToggle={() => { + onToggle={async () => { onAccept(!reviewed); if (ableToReviewTermsOfService) onReview(false); }} |