impl accout management and refactor

1 files changed, 6 insertions, 3 deletions

diff --git a/packages/demobank-ui/src/pages/QrCodeSection.tsx b/packages/demobank-ui/src/pages/QrCodeSection.tsx
index e02c6efb1..708e28657 100644
--- a/packages/demobank-ui/src/pages/QrCodeSection.tsx
+++ b/packages/demobank-ui/src/pages/QrCodeSection.tsx
@@ -21,10 +21,10 @@ import { useTranslationContext } from "@gnu-taler/web-util/lib/index.browser";
 
 export function QrCodeSection({
   talerWithdrawUri,
-  abortButton,
+  onAbort,
 }: {
   talerWithdrawUri: string;
-  abortButton: h.JSX.Element;
+  onAbort: () => void;
 }): VNode {
   const { i18n } = useTranslationContext();
   useEffect(() => {
@@ -62,7 +62,10 @@ export function QrCodeSection({
             </i18n.Translate>
           </p>
           <br />
-          {abortButton}
+          <a
+            class="pure-button btn-cancel"
+            onClick={onAbort}
+          >{i18n.str`Abort`}</a>
         </div>
       </article>
     </section>