diff options
author | Sebastian <sebasjm@gmail.com> | 2021-09-20 14:05:40 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-09-20 14:05:40 -0300 |
commit | 8cde98947ba1a6d8c7928578b053786c4e5db17f (patch) | |
tree | ea0337748c02d71bd2b2f7555a49b4e74e98d3ff /packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx | |
parent | 9a0285ee4b41c63d144de90d345f160adb39f30f (diff) | |
download | wallet-core-8cde98947ba1a6d8c7928578b053786c4e5db17f.tar.xz |
manual withdrawal process
Diffstat (limited to 'packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx b/packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx new file mode 100644 index 000000000..e01336e02 --- /dev/null +++ b/packages/taler-wallet-webextension/src/wallet/ReserveCreated.tsx @@ -0,0 +1,41 @@ +import { Fragment, VNode } from "preact"; +import { useState } from "preact/hooks"; +import { QR } from "../components/QR"; +import { ButtonBox, FontIcon, WalletBox } from "../components/styled"; + +export interface Props { + reservePub: string; + paytos: string[]; + onBack: () => void; +} + +export function ReserveCreated({ reservePub, paytos, onBack }: Props): VNode { + const [opened, setOpened] = useState(-1) + return ( + <WalletBox> + <section> + <h2>Reserve created!</h2> + <p>Now you need to send money to the exchange to one of the following accounts</p> + <p>To complete the setup of the reserve, you must now initiate a wire transfer using the given wire transfer subject and crediting the specified amount to the indicated account of the exchange.</p> + </section> + <section> + <ul> + {paytos.map((href, idx) => { + const url = new URL(href) + return <li key={idx}><p> + <a href="" onClick={(e) => { setOpened(o => o === idx ? -1 : idx); e.preventDefault() }}>{url.pathname}</a> + {opened === idx && <Fragment> + <p>If your system supports RFC 8905, you can do this by opening <a href={href}>this URI</a> or scan the QR with your wallet</p> + <QR text={href} /> + </Fragment>} + </p></li> + })} + </ul> + </section> + <footer> + <ButtonBox onClick={onBack}><FontIcon>←</FontIcon></ButtonBox> + <div /> + </footer> + </WalletBox> + ); +} |