taler-typescript-core

commit eedefb66c5970155d9c7cd9c4a5a404cb8692af6
parent cc2ecf698d22071c4e98376b68554e6eed009e67
Author: Martin Schanzenbach <schanzen@gnunet.org>
Date:   Fri,  7 Nov 2025 13:15:41 +0100

pop import UI improvements

Diffstat:
M
packages/taler-wallet-webextension/src/NavigationBar.tsx
 | 
2
+-
M
packages/taler-wallet-webextension/src/wallet/AddContact/views.tsx
 | 
54
++++++++++++++++++++++++++++++------------------------

2 files changed, 31 insertions(+), 25 deletions(-)
diff --git a/packages/taler-wallet-webextension/src/NavigationBar.tsx b/packages/taler-wallet-webextension/src/NavigationBar.tsx
@@ -169,7 +169,7 @@ export const Pages = {
   }>("/cta/deposit/:scope/:account"),
   ctaExperiment: "/cta/experiment",
   ctaAddExchange: "/cta/add/exchange",
-  ctaAddContact: "/cts/add/contact",
+  ctaAddContact: "/cta/add/contact",
   ctaInvoiceCreate: pageDefinition<{
     scope: CrockEncodedString;
   }>("/cta/invoice/create/:scope/:amount?"),
diff --git a/packages/taler-wallet-webextension/src/wallet/AddContact/views.tsx b/packages/taler-wallet-webextension/src/wallet/AddContact/views.tsx
@@ -18,8 +18,12 @@ import { useTranslationContext } from "@gnu-taler/web-util/browser";
 import { Fragment, h, VNode } from "preact";
 import { ErrorMessage } from "../../components/ErrorMessage.js";
 import {
+    Centered,
   Input,
+  LargeText,
   LightText,
+  SmallLightText,
+  SmallText,
   SubTitle,
   Title,
   WarningBox,
@@ -158,44 +162,46 @@ export function ConfirmAddContactView({
     return <Loading />;
   }
   async function onAddContact(): Promise<void> {
-    api.wallet.call(WalletApiOperation.AddContact, { contact: contact }).then();
+    await api.wallet.call(WalletApiOperation.AddContact, { contact: contact }).then();
     onConfirm();
   }
  
   return (
     <Fragment>
-      <section>
-        <Title>
+      <section style="">
+        <LargeText>
           <i18n.Translate>Review contact</i18n.Translate>
-        </Title>
-        <div>
-          <i18n.Translate>Alias</i18n.Translate>:
-          {contact.alias}
-        </div>
-        <div>
-          <i18n.Translate>Type</i18n.Translate>:
-          {contact.aliasType}
-        </div>
-        <div>
-          <i18n.Translate>Source</i18n.Translate>:
-          {contact.source}
-        </div>
-        <div>
-          <i18n.Translate>Mailbox URI</i18n.Translate>:
-          {contact.mailboxBaseUri}
-        </div>
-      </section>
+        </LargeText>
+        <SmallText style={{ marginTop: 5 }}>
+          <b><i18n.Translate>Contact alias</i18n.Translate></b>: {contact.alias}
+        </SmallText>
+         <SmallText style={{ marginTop: 5 }}>
+          <b><i18n.Translate>Alias type</i18n.Translate></b>: {contact.aliasType}
+        </SmallText>
+        <SmallText style={{ marginTop: 5 }}>
+          <b><i18n.Translate>Mailbox service</i18n.Translate></b>: {contact.mailboxBaseUri}
+        </SmallText>
+        <SmallText style={{ marginTop: 5, marginBotton: 5 }}>
+          <b><i18n.Translate>Mailbox address</i18n.Translate></b>: {contact.mailboxAddress.toUpperCase().slice(0,8)}[...]
+        </SmallText>
+        {(contact.source) && (
+         <SmallText style={{ marginTop: 5 }}>
+           <b><i18n.Translate>Contact source</i18n.Translate></b>: {contact.source}
+         </SmallText>
+        )}
+     </section>
 
-      <footer>
-        <Button
+      <footer style={{padding: 8}}>
+        <Button style={{ margin: 4 }}
           key="cancel"
           variant="contained"
           color="secondary"
           onClick={onCancel}
         >
-        <i18n.Translate>Cancel</i18n.Translate>
+          <i18n.Translate>Cancel</i18n.Translate>
         </Button>
         <Button
+          style={{ margin: 4 }}
           key="add"
           variant="contained"
           color="success"