support for x-taler-bank and fix cache invalidation when new account is created

1 files changed, 8 insertions, 7 deletions

diff --git a/packages/demobank-ui/src/pages/PaymentOptions.tsx b/packages/demobank-ui/src/pages/PaymentOptions.tsx
index 39b31a094..a508845e1 100644
--- a/packages/demobank-ui/src/pages/PaymentOptions.tsx
+++ b/packages/demobank-ui/src/pages/PaymentOptions.tsx
@@ -33,18 +33,19 @@ function ShowOperationPendingTag({
 }): VNode {
   const { i18n } = useTranslationContext();
   const result = useWithdrawalDetails(woid);
+  const loading = !result
   const error =
-    !result || result instanceof TalerError || result.type === "fail";
-  const completed =
-    !error &&
-    (result.body.status === "aborted" || result.body.status === "confirmed");
+    !loading && (result instanceof TalerError || result.type === "fail");
+  const pending =
+    !loading && !error &&
+    (result.body.status === "pending" || result.body.status === "selected");
   useEffect(() => {
-    if (completed && onOperationAlreadyCompleted) {
+    if (!loading && !pending && onOperationAlreadyCompleted) {
       onOperationAlreadyCompleted();
     }
-  }, [completed]);
+  }, [pending]);
 
-  if (error || completed) {
+  if (error || !pending) {
     return <Fragment />;
   }