From 678acb254c6c67a28b6645deac79fe3efe00e897 Mon Sep 17 00:00:00 2001
From: iaincrawf <51612225+iaincrawf@users.noreply.github.com>
Date: Fri, 19 Nov 2021 11:35:11 +0000
Subject: [PATCH] Imp value mismatches (#298)

* date function rename

* allow save if duty or import total mismatch, but also show them in modal warning message (if needed)
---
 .../components/importBooks/ImpBookPrintOut.js |  8 +--
 .../src/components/importBooks/ImportBook.js  | 64 ++++++++++++++++---
 2 files changed, 58 insertions(+), 14 deletions(-)

diff --git a/src/Service.Host/client/src/components/importBooks/ImpBookPrintOut.js b/src/Service.Host/client/src/components/importBooks/ImpBookPrintOut.js
index bf5a7eeb5..cca4c6d94 100644
--- a/src/Service.Host/client/src/components/importBooks/ImpBookPrintOut.js
+++ b/src/Service.Host/client/src/components/importBooks/ImpBookPrintOut.js
@@ -57,7 +57,7 @@ function ImpBookPrintOut({
     }));
     const classes = useStyles();
 
-    const getNicerDate = date => {
+    const dateToDdMmmYyyy = date => {
         return date ? moment(date).format('DD-MMM-YYYY') : '-';
     };
 
@@ -73,7 +73,7 @@ function ImpBookPrintOut({
                 </Grid>
 
                 <Grid item xs={4}>
-                    Date Created: <b>{getNicerDate(dateCreated)}</b>
+                    Date Created: <b>{dateToDdMmmYyyy(dateCreated)}</b>
                 </Grid>
                 <Grid item xs={4}>
                     Created By:{' '}
@@ -181,7 +181,7 @@ function ImpBookPrintOut({
                     Delivery Term Code: <b>{deliveryTermCode}</b>
                 </Grid>
                 <Grid item xs={3}>
-                    Customs Entry Date: <b>{getNicerDate(customsEntryCodeDate)}</b>
+                    Customs Entry Date: <b>{dateToDdMmmYyyy(customsEntryCodeDate)}</b>
                 </Grid>
 
                 <Grid item xs={9}>
@@ -192,7 +192,7 @@ function ImpBookPrintOut({
                 </Grid>
 
                 <Grid item xs={9}>
-                    Arrival Date: <b>{getNicerDate(arrivalDate)}</b>
+                    Arrival Date: <b>{dateToDdMmmYyyy(arrivalDate)}</b>
                 </Grid>
                 <Grid item xs={3}>
                     Linn Vat: <b>{linnVat}</b>
diff --git a/src/Service.Host/client/src/components/importBooks/ImportBook.js b/src/Service.Host/client/src/components/importBooks/ImportBook.js
index 86cb9a2b4..c454e6e3f 100644
--- a/src/Service.Host/client/src/components/importBooks/ImportBook.js
+++ b/src/Service.Host/client/src/components/importBooks/ImportBook.js
@@ -346,9 +346,7 @@ function ImportBook({
             !state.impbook.totalImportValue ||
             !state.impbook.deliveryTermCode ||
             !state.impbook.pva ||
-            !state.impbook.foreignCurrency ||
-            `${calcRemainingTotal()}` !== '0' ||
-            `${calcRemainingDuty()}` !== '0'
+            !state.impbook.foreignCurrency
         );
     };
 
@@ -357,6 +355,10 @@ function ImportBook({
     const handleSaveClick = () => {
         if (`${calcRemainingWeight()}` !== '0' && !dialogOpen) {
             setDialogOpen(true);
+        } else if (`${calcRemainingTotal()}` !== '0' && !dialogOpen) {
+            setDialogOpen(true);
+        } else if (`${calcRemainingDuty()}` !== '0' && !dialogOpen) {
+            setDialogOpen(true);
         } else if (creating()) {
             addItem(state.impbook);
             setEditStatus('view');
@@ -386,8 +388,54 @@ function ImportBook({
             textAlign: 'center'
         }
     }));
+
     const classes = useStyles();
 
+    const ImportValueMismatchWarning = () => {
+        if (`${calcRemainingTotal()}` !== '0') {
+            return (
+                <Grid item xs={12} className={classes.spaceAbove}>
+                    <Typography variant="h6">
+                        Import Value Mismatch! Difference of: {calcRemainingTotal()}
+                        <br />
+                        (Import Book value is: {state.impbook?.totalImportValue})
+                    </Typography>
+                </Grid>
+            );
+        }
+        return <></>;
+    };
+
+    const DutyMismatchWarning = () => {
+        if (`${calcRemainingDuty()}` !== '0') {
+            return (
+                <Grid item xs={12} className={classes.spaceAbove}>
+                    <Typography variant="h6">
+                        Duty Mismatch! Difference of: {calcRemainingDuty()}
+                        <br />
+                        (Import Book tab duty is: {state.impbook?.linnDuty})
+                    </Typography>
+                </Grid>
+            );
+        }
+        return <></>;
+    };
+
+    const WeightMismatchWarning = () => {
+        if (`${calcRemainingWeight()}` !== '0') {
+            return (
+                <Grid item xs={12} className={classes.spaceAbove}>
+                    <Typography variant="h6">
+                        Weight Mismatch! Difference of: {calcRemainingWeight()}
+                        <br />
+                        (Import Book tab weight is: {state.impbook?.weight})
+                    </Typography>
+                </Grid>
+            );
+        }
+        return <></>;
+    };
+
     return (
         <>
             <div className="pageContainer show-only-when-printing">
@@ -440,13 +488,9 @@ function ImportBook({
                                 <Typography variant="h5">Warning</Typography>
                             </Grid>
                             <Grid item xs={12} />
-                            <Grid item xs={12} className={classes.spaceAbove}>
-                                <Typography variant="h6">
-                                    Weight Mismatch! Difference of: {calcRemainingWeight()}
-                                    <br />
-                                    (Import Book tab weight is: {state.impbook?.weight})
-                                </Typography>
-                            </Grid>
+                            <ImportValueMismatchWarning />
+                            <DutyMismatchWarning />
+                            <WeightMismatchWarning />
                             <Grid item xs={12} />
                             <Grid item xs={12} container className={classes.spaceAbove}>
                                 <Grid item xs={6}>