diff options
author | Sebastian <sebasjm@gmail.com> | 2021-11-29 14:11:32 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-11-29 14:11:32 -0300 |
commit | a51333b693a8fe0b7c2073600d344d1e0b629419 (patch) | |
tree | 61c4048b2d69ae2dbd400a6ead703342eaad961a /packages/taler-wallet-webextension/src/wallet | |
parent | d35f906ecb9e42c0b55d10987ff9b1f4ece2af0e (diff) | |
download | wallet-core-a51333b693a8fe0b7c2073600d344d1e0b629419.tar.xz |
show better info on transaction error
Diffstat (limited to 'packages/taler-wallet-webextension/src/wallet')
-rw-r--r-- | packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx | 2 | ||||
-rw-r--r-- | packages/taler-wallet-webextension/src/wallet/Transaction.tsx | 7 |
2 files changed, 6 insertions, 3 deletions
diff --git a/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx b/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx index a25e2ca80..656c57324 100644 --- a/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx +++ b/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx @@ -121,7 +121,7 @@ const transactionError = { code: 2000, details: "details", hint: "this is a hint for the error", - message: "message", + message: "this is the error message with get from the app", }; export const Withdraw = createExample(TestedComponent, { diff --git a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx index 02c78320a..6cc836f60 100644 --- a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx +++ b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx @@ -29,7 +29,7 @@ import { route } from "preact-router"; import { useState } from "preact/hooks"; import emptyImg from "../../static/img/empty.png"; import { BankDetailsByPaytoType } from "../components/BankDetailsByPaytoType"; -import { ErrorMessage } from "../components/ErrorMessage"; +import { ErrorTalerOperation } from "../components/ErrorTalerOperation"; import { Part } from "../components/Part"; import { Button, @@ -128,7 +128,10 @@ export function TransactionView({ return ( <Fragment> <section style={{ padding: 8, textAlign: "center" }}> - <ErrorMessage title={transaction?.error?.hint} /> + <ErrorTalerOperation + title="There was an error trying to complete the transaction" + error={transaction?.error} + /> {transaction.pending && ( <WarningBox>This transaction is not completed</WarningBox> )} |