anon withdrawal confirmation, and fix error with infinity loop

1 files changed, 5 insertions, 3 deletions

diff --git a/packages/demobank-ui/src/pages/QrCodeSection.tsx b/packages/demobank-ui/src/pages/QrCodeSection.tsx
index 8f85fff91..8613bfca7 100644
--- a/packages/demobank-ui/src/pages/QrCodeSection.tsx
+++ b/packages/demobank-ui/src/pages/QrCodeSection.tsx
@@ -14,16 +14,17 @@
  GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
  */
 
+import { stringifyWithdrawUri, WithdrawUriResult } from "@gnu-taler/taler-util";
 import { useTranslationContext } from "@gnu-taler/web-util/lib/index.browser";
 import { h, VNode } from "preact";
 import { useEffect } from "preact/hooks";
 import { QR } from "../components/QR.js";
 
 export function QrCodeSection({
-  talerWithdrawUri,
+  withdrawUri,
   onAborted,
 }: {
-  talerWithdrawUri: string;
+  withdrawUri: WithdrawUriResult;
   onAborted: () => void;
 }): VNode {
   const { i18n } = useTranslationContext();
@@ -33,8 +34,9 @@ export function QrCodeSection({
     //this hack manually triggers the tab update after the QR is in the DOM.
     // WebExtension will be using
     // https://developer.chrome.com/docs/extensions/reference/tabs/#event-onUpdated
-    document.title = `${document.title} ${talerWithdrawUri}`;
+    document.title = `${document.title} ${withdrawUri.withdrawalOperationId}`;
   }, []);
+  const talerWithdrawUri = stringifyWithdrawUri(withdrawUri);
 
   return (
     <section id="main" class="content">