From 8cab01232445f689a4e02d615a5df02b2f16cdb3 Mon Sep 17 00:00:00 2001
From: Sachin <mittalsam98@gmail.com>
Date: Sat, 3 Aug 2024 23:56:02 +0530
Subject: [PATCH] fix: due Amount on edit page is calculated wrong with
 "Exclusive of Tax" Invoice mode

---
 .../Sales/Invoices/InvoiceForm/InvoiceFormHeader.tsx          | 4 ++--
 .../src/containers/Sales/Invoices/InvoiceForm/utils.tsx       | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeader.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeader.tsx
index 66d1ed48c..8ee7401bd 100644
--- a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeader.tsx
+++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeader.tsx
@@ -8,7 +8,7 @@ import InvoiceFormHeaderFields from './InvoiceFormHeaderFields';
 
 import { CLASSES } from '@/constants/classes';
 import { PageFormBigNumber } from '@/components';
-import { useInvoiceSubtotal } from './utils';
+import { useInvoiceDueAmount } from './utils';
 
 /**
  * Invoice form header section.
@@ -32,7 +32,7 @@ function InvoiceFormBigTotal() {
   } = useFormikContext();
 
   // Calculate the total due amount of invoice entries.
-  const totalDueAmount = useInvoiceSubtotal();
+  const totalDueAmount = useInvoiceDueAmount();
 
   return (
     <PageFormBigNumber
diff --git a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/utils.tsx b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/utils.tsx
index 6d693415e..51d413972 100644
--- a/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/utils.tsx
+++ b/packages/webapp/src/containers/Sales/Invoices/InvoiceForm/utils.tsx
@@ -302,8 +302,8 @@ export const useInvoiceTotals = () => {
   );
   // Retrieves the formatted due total.
   const dueTotal = React.useMemo(
-    () => total - paymentTotal,
-    [total, paymentTotal],
+    () => total_ - paymentTotal,
+    [total_, paymentTotal],
   );
   // Retrieves the formatted due total.
   const formattedDueTotal = React.useMemo(