diff options
author | Florian Dold <florian.dold@gmail.com> | 2020-08-21 20:56:25 +0530 |
---|---|---|
committer | Florian Dold <florian.dold@gmail.com> | 2020-08-21 20:56:25 +0530 |
commit | 1548086f50a7e33f17c5a5218fa0fc3383a8a2d5 (patch) | |
tree | b37efb0c5b5e9bb40fdf131c68f2529bca1a9625 /packages/taler-wallet-webextension/src/pages/tip.tsx | |
parent | 8d72b93a174ed3fbfa52b6fb67976fdfcbd40efc (diff) | |
download | wallet-core-1548086f50a7e33f17c5a5218fa0fc3383a8a2d5.tar.xz |
make diagnostics, welcome page and permissions work again
Diffstat (limited to 'packages/taler-wallet-webextension/src/pages/tip.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/pages/tip.tsx | 74 |
1 files changed, 1 insertions, 73 deletions
diff --git a/packages/taler-wallet-webextension/src/pages/tip.tsx b/packages/taler-wallet-webextension/src/pages/tip.tsx index 1f164ad1b..1290037e7 100644 --- a/packages/taler-wallet-webextension/src/pages/tip.tsx +++ b/packages/taler-wallet-webextension/src/pages/tip.tsx @@ -22,79 +22,7 @@ */ import * as React from "react"; -import { acceptTip, getTipStatus } from "../wxApi"; -import { renderAmount, ProgressButton } from "../renderHtml"; -import { useState, useEffect } from "react"; -import { TipStatus } from "taler-wallet-core"; - -function TipDisplay(props: { talerTipUri: string }): JSX.Element { - const [tipStatus, setTipStatus] = useState<TipStatus | undefined>(undefined); - const [discarded, setDiscarded] = useState(false); - const [loading, setLoading] = useState(false); - const [finished, setFinished] = useState(false); - - useEffect(() => { - const doFetch = async (): Promise<void> => { - const ts = await getTipStatus(props.talerTipUri); - setTipStatus(ts); - }; - doFetch(); - }, [props.talerTipUri]); - - if (discarded) { - return <span>You've discarded the tip.</span>; - } - - if (finished) { - return <span>Tip has been accepted!</span>; - } - - if (!tipStatus) { - return <span>Loading ...</span>; - } - - const discard = (): void => { - setDiscarded(true); - }; - - const accept = async (): Promise<void> => { - setLoading(true); - await acceptTip(tipStatus.tipId); - setFinished(true); - }; - - return ( - <div> - <h2>Tip Received!</h2> - <p> - You received a tip of <strong>{renderAmount(tipStatus.amount)}</strong>{" "} - from <span> </span> - <strong>{tipStatus.merchantOrigin}</strong>. - </p> - <p> - The tip is handled by the exchange{" "} - <strong>{tipStatus.exchangeUrl}</strong>. This exchange will charge fees - of <strong>{renderAmount(tipStatus.totalFees)}</strong> for this - operation. - </p> - <form className="pure-form"> - <ProgressButton loading={loading} onClick={() => accept()}> - Accept Tip - </ProgressButton>{" "} - <button className="pure-button" type="button" onClick={() => discard()}> - Discard tip - </button> - </form> - </div> - ); -} export function createTipPage(): JSX.Element { - const url = new URL(document.location.href); - const talerTipUri = url.searchParams.get("talerTipUri"); - if (typeof talerTipUri !== "string") { - throw Error("talerTipUri must be a string"); - } - - return <TipDisplay talerTipUri={talerTipUri} />; + return <span>not implemented</span>; } |