feat: calculate total amount of form entries.

client/src/containers/Sales/Estimate/EstimateFormHeader.js

@@ -1,6 +1,9 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { compose } from 'utils';
 import classNames from 'classnames';
+import { sumBy } from 'lodash';
+import { useFormikContext } from 'formik';
+
 import { CLASSES } from 'common/classes';
 
 import { PageFormBigNumber } from 'components';
@@ -10,17 +13,28 @@ import withDialogActions from 'containers/Dialog/withDialogActions';
 
 import EstimateFormHeaderFields from './EstimateFormHeaderFields';
 
+// Estimate form top header.
 function EstimateFormHeader({
   // #ownProps
   onEstimateNumberChanged,
 }) {
+  const { values } = useFormikContext();
+
+  // Calculate the total due amount of bill entries.
+  const totalDueAmount = useMemo(() => sumBy(values.entries, 'total'), [
+    values.entries,
+  ]);
+
   return (
     <div className={classNames(CLASSES.PAGE_FORM_HEADER)}>
       <EstimateFormHeaderFields
         onEstimateNumberChanged={onEstimateNumberChanged}
       />
-
-      <PageFormBigNumber label={'Amount'} amount={0} currencyCode={'LYD'} />
+      <PageFormBigNumber
+        label={'Amount'}
+        amount={totalDueAmount}
+        currencyCode={'LYD'}
+      />
     </div>
   );
 }