deposit from payto

2 files changed, 7 insertions, 1 deletions

diff --git a/packages/taler-wallet-webextension/src/wallet/Application.tsx b/packages/taler-wallet-webextension/src/wallet/Application.tsx
index a5197d5b4..6a7f62c6c 100644
--- a/packages/taler-wallet-webextension/src/wallet/Application.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Application.tsx
@@ -38,6 +38,7 @@ import { PayPage } from "../cta/Pay.js";
 import { RefundPage } from "../cta/Refund.js";
 import { TipPage } from "../cta/Tip.js";
 import { WithdrawPage } from "../cta/Withdraw.js";
+import { DepositPage as DepositPageCTA } from "../cta/Deposit.js";
 import { Pages, WalletNavBar } from "../NavigationBar.js";
 import { DeveloperPage } from "./DeveloperPage.js";
 import { BackupPage } from "./BackupPage.js";
@@ -232,6 +233,7 @@ export function Application(): VNode {
               <Route path={Pages.cta_refund} component={RefundPage} />
               <Route path={Pages.cta_tips} component={TipPage} />
               <Route path={Pages.cta_withdraw} component={WithdrawPage} />
+              <Route path={Pages.cta_deposit} component={DepositPageCTA} />
 
               {/**
                * NOT FOUND
diff --git a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
index 6f7c208da..bcf6114a1 100644
--- a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
@@ -19,6 +19,7 @@ import {
   Amounts,
   NotificationType,
   parsePaytoUri,
+  parsePayUri,
   Transaction,
   TransactionType,
   WithdrawalType,
@@ -32,13 +33,14 @@ import { BankDetailsByPaytoType } from "../components/BankDetailsByPaytoType.js"
 import { ErrorTalerOperation } from "../components/ErrorTalerOperation.js";
 import { Loading } from "../components/Loading.js";
 import { LoadingError } from "../components/LoadingError.js";
-import { Part } from "../components/Part.js";
+import { Part, PartPayto } from "../components/Part.js";
 import {
   Button,
   ButtonDestructive,
   ButtonPrimary,
   CenteredDialog,
   InfoBox,
+  LargeText,
   ListOfProducts,
   Overlay,
   RowBorderGray,
@@ -428,6 +430,7 @@ export function TransactionView({
       Amounts.parseOrThrow(transaction.amountEffective),
       Amounts.parseOrThrow(transaction.amountRaw),
     ).amount;
+    const payto = parsePaytoUri(transaction.targetPaytoUri);
     return (
       <TransactionTemplate>
         <SubTitle>
@@ -456,6 +459,7 @@ export function TransactionView({
           text={<Amount value={fee} />}
           kind="negative"
         />
+        {payto && <PartPayto big payto={payto} kind="neutral" />}
       </TransactionTemplate>
     );
   }