aboutsummaryrefslogtreecommitdiff
path: root/packages/demobank-ui/src/pages/WithdrawalOperationPage.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/demobank-ui/src/pages/WithdrawalOperationPage.tsx')
-rw-r--r--packages/demobank-ui/src/pages/WithdrawalOperationPage.tsx47
1 files changed, 21 insertions, 26 deletions
diff --git a/packages/demobank-ui/src/pages/WithdrawalOperationPage.tsx b/packages/demobank-ui/src/pages/WithdrawalOperationPage.tsx
index e0e2bf0f5..e69a4dfb2 100644
--- a/packages/demobank-ui/src/pages/WithdrawalOperationPage.tsx
+++ b/packages/demobank-ui/src/pages/WithdrawalOperationPage.tsx
@@ -14,32 +14,26 @@
GNU Taler; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
*/
-import {
- Logger,
- parseWithdrawUri,
- stringifyWithdrawUri
-} from "@gnu-taler/taler-util";
-import {
- Attention,
- useTranslationContext
-} from "@gnu-taler/web-util/browser";
-import { Fragment, VNode, h } from "preact";
+import { parseWithdrawUri, stringifyWithdrawUri } from "@gnu-taler/taler-util";
+import { Attention, useTranslationContext } from "@gnu-taler/web-util/browser";
+import { VNode, h } from "preact";
import { useBankCoreApiContext } from "../context/config.js";
import { useBankState } from "../hooks/bank-state.js";
+import { RouteDefinition } from "../route.js";
import { WithdrawalQRCode } from "./WithdrawalQRCode.js";
-const logger = new Logger("AccountPage");
-
export function WithdrawalOperationPage({
operationId,
onAuthorizationRequired,
- onContinue,
+ onOperationAborted,
+ routeClose,
}: {
onAuthorizationRequired: () => void;
operationId: string;
- onContinue: () => void;
+ onOperationAborted: () => void;
+ routeClose: RouteDefinition<Record<string, never>>;
}): VNode {
- const { api } = useBankCoreApiContext()
+ const { api } = useBankCoreApiContext();
const uri = stringifyWithdrawUri({
bankIntegrationApiBaseUrl: api.getIntegrationAPI().baseUrl,
withdrawalOperationId: operationId,
@@ -48,25 +42,26 @@ export function WithdrawalOperationPage({
const { i18n } = useTranslationContext();
const [, updateBankState] = useBankState();
-
if (!parsedUri) {
- return <Attention type="danger" title={i18n.str`The Withdrawal URI is not valid`}>
- {uri}
- </Attention>
+ return (
+ <Attention
+ type="danger"
+ title={i18n.str`The Withdrawal URI is not valid`}
+ >
+ {uri}
+ </Attention>
+ );
}
return (
<WithdrawalQRCode
withdrawUri={parsedUri}
onAuthorizationRequired={onAuthorizationRequired}
- onClose={() => {
- updateBankState("currentWithdrawalOperationId", undefined)
- onContinue()
+ onOperationAborted={() => {
+ updateBankState("currentWithdrawalOperationId", undefined);
+ onOperationAborted();
}}
+ routeClose={routeClose}
/>
);
}
-
-export function assertUnreachable(x: never): never {
- throw new Error("Didn't expect to get here");
-}