taler-typescript-core

commit bd2fb32791bf8a726b0b1c2c4a5cce5a20552cab
parent c4df972275189542b53bcf825f6f8b642d22c019
Author: Sebastian <sebasjm@taler-systems.com>
Date:   Thu, 12 Mar 2026 17:44:09 -0300

fix #11236

Diffstat:
M
packages/merchant-backoffice-ui/src/paths/instance/kyc/list/ListPage.tsx
 | 
67
+++++++++++++++++++++++++++----------------------------------------

1 file changed, 27 insertions(+), 40 deletions(-)
diff --git a/packages/merchant-backoffice-ui/src/paths/instance/kyc/list/ListPage.tsx b/packages/merchant-backoffice-ui/src/paths/instance/kyc/list/ListPage.tsx
@@ -22,6 +22,8 @@
 import {
   assertUnreachable,
   getMerchantAccountKycStatusSimplified,
+  Paytos,
+  Result,
   TalerMerchantApi,
 } from "@gnu-taler/taler-util";
 import { useTranslationContext } from "@gnu-taler/web-util/browser";
@@ -102,47 +104,16 @@ function PendingTable({
             <th>
               <i18n.Translate>Status</i18n.Translate>
             </th>
-            <th>
-              <i18n.Translate>Description</i18n.Translate>
-            </th>
           </tr>
         </thead>
         <tbody>
           {entries.map((e, i) => {
             return (
-              <tr
-                key={i}
-                onClick={() => onShowInstructions(e)}
-                style={{ cursor: "pointer" }}
-              >
+              <tr key={i}>
                 <td>{e.exchange_url}</td>
-                <td>{e.payto_uri}</td>
                 <td>
-                  {(function (): VNode {
-                    const st = getMerchantAccountKycStatusSimplified(e.status);
-                    switch (st) {
-                      case TalerMerchantApi.MerchantAccountKycStatusSimplified
-                        .OK:
-                        return <i18n.Translate>Ok</i18n.Translate>;
-                      case TalerMerchantApi.MerchantAccountKycStatusSimplified
-                        .ACTION_REQUIRED:
-                        return <i18n.Translate>Action required</i18n.Translate>;
-                      case TalerMerchantApi.MerchantAccountKycStatusSimplified
-                        .WARNING:
-                        return <i18n.Translate>Warning</i18n.Translate>;
-                      case TalerMerchantApi.MerchantAccountKycStatusSimplified
-                        .ERROR:
-                        return (
-                          <span
-                            style={{ color: "#e93c3c", fontWeight: "bold" }}
-                          >
-                            <i18n.Translate>Error</i18n.Translate>
-                          </span>
-                        );
-                      default:
-                        assertUnreachable(st);
-                    }
-                  })()}
+                  {Result.orUndefined(Paytos.fromString(e.payto_uri))
+                    ?.displayName ?? e.payto_uri}
                 </td>
                 <td>
                   {(function (): VNode {
@@ -150,16 +121,32 @@ function PendingTable({
                       case TalerMerchantApi.MerchantAccountKycStatus
                         .KYC_WIRE_REQUIRED:
                         return (
-                          <i18n.Translate>
-                            Bank account verification required.
-                          </i18n.Translate>
+                          <button
+                            class="button is-info"
+                            type="button"
+                            onClick={() => {
+                              onShowInstructions(e);
+                            }}
+                          >
+                            <i18n.Translate>
+                              Bank account verification required.
+                            </i18n.Translate>
+                          </button>
                         );
                       case TalerMerchantApi.MerchantAccountKycStatus
                         .KYC_REQUIRED:
                         return (
-                          <i18n.Translate>
-                            More information required.
-                          </i18n.Translate>
+                          <button
+                            class="button is-info"
+                            type="button"
+                            onClick={() => {
+                              onShowInstructions(e);
+                            }}
+                          >
+                            <i18n.Translate>
+                              More information required.
+                            </i18n.Translate>
+                          </button>
                         );
                       case TalerMerchantApi.MerchantAccountKycStatus
                         .AWAITING_AML_REVIEW: