diff options
author | Sebastian <sebasjm@gmail.com> | 2021-09-08 15:16:19 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-09-08 15:16:19 -0300 |
commit | 797b2650b3ab19912afb56cf7af70e2e164cc25e (patch) | |
tree | 1815636b65374e12b53ebb32d798ad453ce26763 /packages/backend/src/pages/OfferRefund.tsx | |
parent | 7cc06246aedaf06f96069bc5c178ef3232776c82 (diff) | |
download | merchant-backoffice-797b2650b3ab19912afb56cf7af70e2e164cc25e.tar.gz merchant-backoffice-797b2650b3ab19912afb56cf7af70e2e164cc25e.tar.bz2 merchant-backoffice-797b2650b3ab19912afb56cf7af70e2e164cc25e.zip |
style corrections
Diffstat (limited to 'packages/backend/src/pages/OfferRefund.tsx')
-rw-r--r-- | packages/backend/src/pages/OfferRefund.tsx | 36 |
1 files changed, 17 insertions, 19 deletions
diff --git a/packages/backend/src/pages/OfferRefund.tsx b/packages/backend/src/pages/OfferRefund.tsx index 47bbb8e..14c9372 100644 --- a/packages/backend/src/pages/OfferRefund.tsx +++ b/packages/backend/src/pages/OfferRefund.tsx @@ -25,6 +25,7 @@ import { Footer } from '../components/Footer'; import { QR } from '../components/QR'; import "../css/pure-min.css"; import "../css/style.css"; +import { Page, QRPlaceholder, WalletLink } from '../styled'; /** * This page creates a refund offer QR code @@ -101,27 +102,24 @@ export function OfferRefund({ refundURI, qr_code, order_status_url }: Props): VN setTimeout(check, delayMs); }) - return <Fragment> - <section id="main" class="content"> - <h1 style={{ textAlign: 'center' }}>Collect Taler refund</h1> - <div style={{ textAlign: 'center' }} class="taler-installed-hide"> - <p> - Scan this QR code with your Taler mobile wallet: - </p> - <div class="qr" style={{width:'100mm'}} dangerouslySetInnerHTML={{ __html: qr_code ? qr_code : `{{{ taler_refund_qrcode_svg }}}` }} /> - <p> - <a class="pure-button pure-button-active success" href={refundURI ? refundURI : `{{ taler_refund_uri }}`}> - Or open your Taller wallet - </a> - </p> - <p> - <a href="https://wallet.taler.net/">Don't have a Taler wallet yet? Install it!</a> - </p> - </div> - <hr /> + return <Page> + <section> + <h1>Collect Taler refund</h1> + <p> + Scan this QR code with your Taler mobile wallet: + </p> + <QRPlaceholder dangerouslySetInnerHTML={{ __html: qr_code ? qr_code : `{{{ taler_refund_qrcode_svg }}}` }} /> + <p> + <WalletLink href={refundURI ? refundURI : `{{ taler_refund_uri }}`}> + Or open your Taller wallet + </WalletLink> + </p> + <p> + <a href="https://wallet.taler.net/">Don't have a Taler wallet yet? Install it!</a> + </p> </section> <Footer /> - </Fragment> + </Page> } export function mount(): void { |