From 0783fb26f2ad96e5375cc56c1b9047b627ea745a Mon Sep 17 00:00:00 2001
From: "a.bouhuolia" <a.bouhuolia@live.com>
Date: Tue, 3 Aug 2021 14:49:21 +0200
Subject: [PATCH] fix: inventory adjustment form loading button state.

---
 .../InventoryAdjustmentFloatingActions.js      | 18 ++++++++++++------
 .../InventoryAdjustmentForm.js                 |  2 --
 .../ItemCategoryFormFooter.js                  |  4 ++--
 .../EstimateForm/EstimateFormHeaderFields.js   |  1 +
 4 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/client/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFloatingActions.js b/client/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFloatingActions.js
index fde842fec..8d17e3cf4 100644
--- a/client/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFloatingActions.js
+++ b/client/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFloatingActions.js
@@ -18,7 +18,8 @@ function InventoryAdjustmentFloatingActions({
   const { isSubmitting, submitForm } = useFormikContext();
 
   // Inventory adjustment dialog context.
-  const { dialogName, setSubmitPayload } = useInventoryAdjContext();
+  const { dialogName, setSubmitPayload, submitPayload } =
+    useInventoryAdjContext();
 
   // handle submit as draft button click.
   const handleSubmitDraftBtnClick = (event) => {
@@ -34,27 +35,34 @@ function InventoryAdjustmentFloatingActions({
 
   // Handle close button click.
   const handleCloseBtnClick = (event) => {
-    closeDialog(dialogName)
+    closeDialog(dialogName);
   };
 
   return (
     <div className={Classes.DIALOG_FOOTER}>
       <div className={Classes.DIALOG_FOOTER_ACTIONS}>
-        <Button onClick={handleCloseBtnClick} style={{ minWidth: '75px' }}>
+        <Button
+          disabled={isSubmitting}
+          onClick={handleCloseBtnClick}
+          style={{ minWidth: '75px' }}
+        >
           <T id={'close'} />
         </Button>
 
         <Button
           disabled={isSubmitting}
+          loading={isSubmitting && !submitPayload.publish}
           style={{ minWidth: '75px' }}
           type="submit"
           onClick={handleSubmitDraftBtnClick}
         >
           {<T id={'save_as_draft'} />}
         </Button>
+
         <Button
           intent={Intent.PRIMARY}
           disabled={isSubmitting}
+          loading={isSubmitting && submitPayload.publish}
           style={{ minWidth: '75px' }}
           type="submit"
           onClick={handleSubmitMakeAdjustmentBtnClick}
@@ -66,6 +74,4 @@ function InventoryAdjustmentFloatingActions({
   );
 }
 
-export default compose(
-  withDialogActions
-)(InventoryAdjustmentFloatingActions);
\ No newline at end of file
+export default compose(withDialogActions)(InventoryAdjustmentFloatingActions);
diff --git a/client/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentForm.js b/client/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentForm.js
index f769e6c40..896839873 100644
--- a/client/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentForm.js
+++ b/client/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentForm.js
@@ -44,8 +44,6 @@ function InventoryAdjustmentForm({
     createInventoryAdjMutate,
   } = useInventoryAdjContext();
 
-  
-
   // Initial form values.
   const initialValues = {
     ...defaultInitialValues,
diff --git a/client/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormFooter.js b/client/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormFooter.js
index aef7ada83..f37143709 100644
--- a/client/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormFooter.js
+++ b/client/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormFooter.js
@@ -29,11 +29,11 @@ function ItemCategoryFormFooter({
   return (
     <div className={Classes.DIALOG_FOOTER}>
       <div className={Classes.DIALOG_FOOTER_ACTIONS}>
-        <Button onClick={handleCloseBtnClick}>
+        <Button disabled={isSubmitting} onClick={handleCloseBtnClick}>
           <T id={'close'} />
         </Button>
 
-        <Button intent={Intent.PRIMARY} type="submit" disabled={isSubmitting}>
+        <Button intent={Intent.PRIMARY} type="submit" loading={isSubmitting}>
           {isNewMode ? <T id={'submit'} /> : <T id={'edit'} />}
         </Button>
       </div>
diff --git a/client/src/containers/Sales/Estimates/EstimateForm/EstimateFormHeaderFields.js b/client/src/containers/Sales/Estimates/EstimateForm/EstimateFormHeaderFields.js
index 66579f831..ce44e544c 100644
--- a/client/src/containers/Sales/Estimates/EstimateForm/EstimateFormHeaderFields.js
+++ b/client/src/containers/Sales/Estimates/EstimateForm/EstimateFormHeaderFields.js
@@ -90,6 +90,7 @@ function EstimateFormHeader({
                 form.setFieldValue('customer_id', customer.id);
               }}
               popoverFill={true}
+              intent={inputIntent({ error, touched })}
             />
           </FormGroup>
         )}