diff options
author | Sebastian <sebasjm@gmail.com> | 2022-09-01 10:03:23 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-09-01 10:03:23 -0300 |
commit | d6a172c4a00b615dce31630bf65e6d62b30f608e (patch) | |
tree | c8c714b01e0cf9a34f229a63a7e2ca6bb336ad0c /packages/taler-wallet-webextension/src/cta/InvoiceCreate/views.tsx | |
parent | 91d5d55edc36bde8ac860fd56b0fd2dcb93b150a (diff) | |
download | wallet-core-d6a172c4a00b615dce31630bf65e6d62b30f608e.tar.xz |
add invoice|transfer created view
Diffstat (limited to 'packages/taler-wallet-webextension/src/cta/InvoiceCreate/views.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/cta/InvoiceCreate/views.tsx | 39 |
1 files changed, 20 insertions, 19 deletions
diff --git a/packages/taler-wallet-webextension/src/cta/InvoiceCreate/views.tsx b/packages/taler-wallet-webextension/src/cta/InvoiceCreate/views.tsx index 3de36b6e9..d3d2c68e4 100644 --- a/packages/taler-wallet-webextension/src/cta/InvoiceCreate/views.tsx +++ b/packages/taler-wallet-webextension/src/cta/InvoiceCreate/views.tsx @@ -45,19 +45,27 @@ export function LoadingUriView({ error }: State.LoadingUriError): VNode { ); } -export function ShowQrView({ talerUri, cancel }: State.ShowQr): VNode { +export function CreatedView({ + talerUri, + copyToClipboard, + cancel, +}: State.Created): VNode { const { i18n } = useTranslationContext(); return ( <WalletAction> <LogoHeader /> <SubTitle> - <i18n.Translate>Digital invoice</i18n.Translate> + <i18n.Translate>Digital cash invoice</i18n.Translate> </SubTitle> <section> - <p>Scan this QR code with the wallet</p> + <p>Show this QR to pay the invoice</p> <QR text={talerUri} /> </section> <section> + or + <Button onClick={copyToClipboard.onClick}>Copy the invoice URI</Button> + </section> + <section> <Link upperCased onClick={cancel.onClick}> <i18n.Translate>Close</i18n.Translate> </Link> @@ -70,10 +78,9 @@ export function ReadyView({ invalid, exchangeUrl, subject, - showQr, cancel, operationError, - copyToClipboard, + create, toBeReceived, chosenAmount, }: State.Ready): VNode { @@ -142,20 +149,14 @@ export function ReadyView({ /> </section> <section> - <p>How do you want to send the invoice?</p> - - <Grid item container columns={1} spacing={1}> - <Grid item xs={1}> - <Button disabled={invalid} onClick={copyToClipboard.onClick}> - Copy request URI to clipboard - </Button> - </Grid> - <Grid item xs={1}> - <Button disabled={invalid} onClick={showQr.onClick}> - Show QR - </Button> - </Grid> - </Grid> + <Button + disabled={invalid} + onClick={create.onClick} + variant="contained" + color="success" + > + Create + </Button> </section> <section> <Link upperCased onClick={cancel.onClick}> |