From 8c8aad4c21fde2cd37e25ccd4c723a308b79439b Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Tue, 20 Dec 2022 10:16:39 -0300
Subject: fix #7524: do not break if the account is in an invalid state

---
 packages/demobank-ui/src/components/Transactions/index.ts  | 2 +-
 packages/demobank-ui/src/components/Transactions/state.ts  | 2 +-
 packages/demobank-ui/src/components/Transactions/views.tsx | 8 +++++++-
 3 files changed, 9 insertions(+), 3 deletions(-)

(limited to 'packages/demobank-ui/src/components')

diff --git a/packages/demobank-ui/src/components/Transactions/index.ts b/packages/demobank-ui/src/components/Transactions/index.ts
index 618fcfb71..0c9084946 100644
--- a/packages/demobank-ui/src/components/Transactions/index.ts
+++ b/packages/demobank-ui/src/components/Transactions/index.ts
@@ -55,7 +55,7 @@ export interface Transaction {
   negative: boolean;
   counterpart: string;
   when: AbsoluteTime;
-  amount: AmountJson;
+  amount: AmountJson | undefined;
   subject: string;
 }
 
diff --git a/packages/demobank-ui/src/components/Transactions/state.ts b/packages/demobank-ui/src/components/Transactions/state.ts
index ac76e31e2..5d613c5d0 100644
--- a/packages/demobank-ui/src/components/Transactions/state.ts
+++ b/packages/demobank-ui/src/components/Transactions/state.ts
@@ -114,7 +114,7 @@ export function useComponentState({ accountLabel, pageNumber, balanceValue }: Pr
     const when: AbsoluteTime = {
       t_ms: date.getTime()
     }
-    const amount = Amounts.parseOrThrow(`${anyItem.currency}:${anyItem.amount}`);
+    const amount = Amounts.parse(`${anyItem.currency}:${anyItem.amount}`);
     const subject = anyItem.subject;
     return {
       negative,
diff --git a/packages/demobank-ui/src/components/Transactions/views.tsx b/packages/demobank-ui/src/components/Transactions/views.tsx
index b3683b743..1822f9d94 100644
--- a/packages/demobank-ui/src/components/Transactions/views.tsx
+++ b/packages/demobank-ui/src/components/Transactions/views.tsx
@@ -54,7 +54,13 @@ export function ReadyView({ transactions }: State.Ready): VNode {
                 </td>
                 <td>
                   {item.negative ? "-" : ""}
-                  {Amounts.stringifyValue(item.amount)} {item.amount.currency}
+                  {item.amount ? (
+                    `${Amounts.stringifyValue(item.amount)} ${
+                      item.amount.currency
+                    }`
+                  ) : (
+                    <span style={{ color: "grey" }}>&lt;invalid value&gt;</span>
+                  )}
                 </td>
                 <td>{item.counterpart}</td>
                 <td>{item.subject}</td>
-- 
cgit v1.2.3