diff options
author | Florian Dold <florian.dold@gmail.com> | 2019-08-31 11:49:36 +0200 |
---|---|---|
committer | Florian Dold <florian.dold@gmail.com> | 2019-08-31 11:49:36 +0200 |
commit | 5a7269b20db0371535669c0faa7f1814d967b5ca (patch) | |
tree | c757d7b441875b745e3d83e8a543785e7b82fc9b /src/webex/pages/pay.tsx | |
parent | 5ec344290efd937fa82c0704bc7c204a0bf14c78 (diff) | |
download | wallet-core-5a7269b20db0371535669c0faa7f1814d967b5ca.tar.xz |
cli refunds
Diffstat (limited to 'src/webex/pages/pay.tsx')
-rw-r--r-- | src/webex/pages/pay.tsx | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/src/webex/pages/pay.tsx b/src/webex/pages/pay.tsx index d929426c4..1561dd95f 100644 --- a/src/webex/pages/pay.tsx +++ b/src/webex/pages/pay.tsx @@ -30,7 +30,7 @@ import { ExchangeRecord, ProposalDownloadRecord } from "../../dbTypes"; import { ContractTerms } from "../../talerTypes"; import { CheckPayResult, PreparePayResult } from "../../walletTypes"; -import { renderAmount } from "../renderHtml"; +import { renderAmount, ProgressButton } from "../renderHtml"; import * as wxApi from "../wxApi"; import React, { useState, useEffect } from "react"; @@ -44,6 +44,7 @@ function TalerPayDialog({ talerPayUri }: { talerPayUri: string }) { const [payStatus, setPayStatus] = useState<PreparePayResult | undefined>(); const [payErrMsg, setPayErrMsg] = useState<string | undefined>(""); const [numTries, setNumTries] = useState(0); + const [loading, setLoading] = useState(false); let totalFees: Amounts.AmountJson | undefined = undefined; useEffect(() => { @@ -99,6 +100,7 @@ function TalerPayDialog({ talerPayUri }: { talerPayUri: string }) { const doPayment = async () => { setNumTries(numTries + 1); try { + setLoading(true); const res = await wxApi.confirmPay(payStatus!.proposalId!, undefined); document.location.href = res.nextUrl; } catch (e) { @@ -140,12 +142,11 @@ function TalerPayDialog({ talerPayUri }: { talerPayUri: string }) { </div> ) : ( <div> - <button - className="pure-button button-success" - onClick={() => doPayment()} - > + <ProgressButton + loading={loading} + onClick={() => doPayment()}> {i18n.str`Confirm payment`} - </button> + </ProgressButton> </div> )} </div> |