From ae67033417a8a5b337a3bed921a8aaf7c3f8eb53 Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Thu, 17 Jun 2021 10:37:29 -0700
Subject: [PATCH] Resolve issue on payments page.

---
 .../payment-form/payment-form.totalpayments.component.jsx   | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/src/components/payment-form/payment-form.totalpayments.component.jsx b/client/src/components/payment-form/payment-form.totalpayments.component.jsx
index ff362ae39..06da88105 100644
--- a/client/src/components/payment-form/payment-form.totalpayments.component.jsx
+++ b/client/src/components/payment-form/payment-form.totalpayments.component.jsx
@@ -20,7 +20,9 @@ export default function PaymentFormTotalPayments({ jobid }) {
 
   if (!data) return <></>;
   const totalPayments = data.jobs_by_pk.payments.reduce((acc, val) => {
-    return acc.add(Dinero({ amount: (val.amount || 0) * 100 }));
+    return acc.add(
+      Dinero({ amount: Math.round(((val && val.amount) || 0) * 100) })
+    );
   }, Dinero());
 
   const balance =
@@ -39,7 +41,7 @@ export default function PaymentFormTotalPayments({ jobid }) {
         <Statistic
           title={t("payments.labels.balance")}
           valueStyle={{ color: balance.getAmount() !== 0 ? "red" : "green" }}
-          value={balance.toFormat()}
+          value={(balance && balance.toFormat()) || ""}
         />
       )}
       {!balance && <div>{t("jobs.errors.nofinancial")}</div>}