diff options
Diffstat (limited to 'src/webex/pages')
-rw-r--r-- | src/webex/pages/pay.tsx | 14 | ||||
-rw-r--r-- | src/webex/pages/tip.tsx | 2 |
2 files changed, 14 insertions, 2 deletions
diff --git a/src/webex/pages/pay.tsx b/src/webex/pages/pay.tsx index 579688db3..7f2a174b7 100644 --- a/src/webex/pages/pay.tsx +++ b/src/webex/pages/pay.tsx @@ -53,6 +53,11 @@ function TalerPayDialog({ talerPayUri }: { talerPayUri: string }) { return <span>Loading payment information ...</span>; } + let insufficientBalance = false; + if (payStatus.status == "insufficient-balance") { + insufficientBalance = true; + } + if (payStatus.status === "error") { return <span>Error: {payStatus.error}</span>; } @@ -93,7 +98,7 @@ function TalerPayDialog({ talerPayUri }: { talerPayUri: string }) { const doPayment = async () => { if (payStatus.status !== "payment-possible") { - throw Error("invalid state"); + throw Error(`invalid state: ${payStatus.status}`); } const proposalId = payStatus.proposalId; setNumTries(numTries + 1); @@ -128,6 +133,12 @@ function TalerPayDialog({ talerPayUri }: { talerPayUri: string }) { )} </p> + {insufficientBalance ? ( + <div> + <p style={{color: "red", fontWeight: "bold"}}>Unable to pay: Your balance is insufficient.</p> + </div> + ) : null} + {payErrMsg ? ( <div> <p>Payment failed: {payErrMsg}</p> @@ -142,6 +153,7 @@ function TalerPayDialog({ talerPayUri }: { talerPayUri: string }) { <div> <ProgressButton loading={loading} + disabled={insufficientBalance} onClick={() => doPayment()}> {i18n.str`Confirm payment`} </ProgressButton> diff --git a/src/webex/pages/tip.tsx b/src/webex/pages/tip.tsx index 0a066053b..148b8203c 100644 --- a/src/webex/pages/tip.tsx +++ b/src/webex/pages/tip.tsx @@ -88,7 +88,7 @@ function TipDisplay(props: { talerTipUri: string }) { </p> <form className="pure-form"> <ProgressButton loading={loading} onClick={() => accept()}> - AcceptTip + Accept Tip </ProgressButton> {" "} <button className="pure-button" type="button" onClick={() => discard()}> |