2fa

1 files changed, 17 insertions, 11 deletions

diff --git a/packages/demobank-ui/src/pages/WithdrawalQRCode.tsx b/packages/demobank-ui/src/pages/WithdrawalQRCode.tsx
index f05f183d4..97bc9f61f 100644
--- a/packages/demobank-ui/src/pages/WithdrawalQRCode.tsx
+++ b/packages/demobank-ui/src/pages/WithdrawalQRCode.tsx
@@ -35,6 +35,8 @@ const logger = new Logger("WithdrawalQRCode");
 interface Props {
   withdrawUri: WithdrawUriResult;
   onClose: () => void;
+  onAuthorizationRequired: () => void,
+
 }
 /**
  * Offer the QR code (and a clickable taler://-link) to
@@ -44,6 +46,7 @@ interface Props {
 export function WithdrawalQRCode({
   withdrawUri,
   onClose,
+  onAuthorizationRequired,
 }: Props): VNode {
   const { i18n } = useTranslationContext();
   const result = useWithdrawalDetails(withdrawUri.withdrawalOperationId);
@@ -164,6 +167,7 @@ export function WithdrawalQRCode({
         reserve: data.selected_reserve_pub,
         amount: Amounts.parseOrThrow(data.amount)
       }}
+      onAuthorizationRequired={onAuthorizationRequired}
       onAborted={() => {
         notifyInfo(i18n.str`Operation canceled`);
         onClose()
@@ -173,7 +177,7 @@ export function WithdrawalQRCode({
 }
 
 
-export function OperationNotFound({ onClose }: { onClose: () => void }): VNode {
+export function OperationNotFound({ onClose }: { onClose: (() => void) | undefined }): VNode {
   const { i18n } = useTranslationContext();
   return <div class="relative ml-auto mr-auto transform overflow-hidden rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-sm sm:p-6">
     <div>
@@ -197,15 +201,17 @@ export function OperationNotFound({ onClose }: { onClose: () => void }): VNode {
         </div>
       </div>
     </div>
-    <div class="mt-5 sm:mt-6">
-      <button type="button"
-        class="inline-flex w-full justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
-        onClick={async (e) => {
-          e.preventDefault();
-          onClose()
-        }}>
-        <i18n.Translate>Cotinue to dashboard</i18n.Translate>
-      </button>
-    </div>
+    {onClose &&
+      <div class="mt-5 sm:mt-6">
+        <button type="button"
+          class="inline-flex w-full justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+          onClick={async (e) => {
+            e.preventDefault();
+            onClose()
+          }}>
+          <i18n.Translate>Cotinue to dashboard</i18n.Translate>
+        </button>
+      </div>
+    }
   </div>
 }
\ No newline at end of file