feat: optimize sale estimate form performance.

feat: optimize sale receipt form performance.
feat: optimize sale invoice form performance.
feat: optimize bill form performance.

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

@@ -1,47 +1,57 @@
 import React from 'react';
 import { Intent, Button } from '@blueprintjs/core';
 import { FormattedMessage as T } from 'react-intl';
-import { queryCache } from 'react-query';
+import { saveInvoke } from 'utils';
 
 export default function EstimateFloatingActions({
-  formik: { isSubmitting, resetForm },
+  isSubmitting,
   onSubmitClick,
   onCancelClick,
   onClearClick,
-  estimate,
+  onSubmitAndNewClick,
+  estimateId,
 }) {
+  const handleSubmitBtnClick = (event) => {
+    saveInvoke(onSubmitClick, event);
+  };
+
+  const handleCancelBtnClick = (event) => {
+    saveInvoke(onCancelClick, event);
+  };
+
+  const handleClearBtnClick = (event) => {
+    saveInvoke(onClearClick, event);
+  };
+
+  const handleSubmitAndNewClick = (event) => {
+    saveInvoke(onSubmitAndNewClick, event);
+  }
+
   return (
     <div className={'form__floating-footer'}>
       <Button
         disabled={isSubmitting}
         intent={Intent.PRIMARY}
         type="submit"
-        onClick={() => {
-          onSubmitClick({ redirect: true });
-        }}
+        onClick={handleSubmitBtnClick}
       >
-        {estimate && estimate.id ? <T id={'edit'} /> : <T id={'save_send'} />}
+        {(estimateId) ? <T id={'edit'} /> : <T id={'save'} />}
       </Button>
 
       <Button
         disabled={isSubmitting}
         intent={Intent.PRIMARY}
         className={'ml1'}
-        name={'save'}
         type="submit"
-        onClick={() => {
-          onSubmitClick({ redirect: false });
-        }}
+        onClick={handleSubmitAndNewClick}
       >
-        <T id={'save'} />
+        <T id={'save_new'} />
       </Button>
 
       <Button
         className={'ml1'}
         disabled={isSubmitting}
-        // onClick={() => {
-        //   onClearClick && onClearClick();
-        // }}
+        onClick={handleClearBtnClick}
       >
         <T id={'clear'} />
       </Button>
@@ -49,9 +59,7 @@ export default function EstimateFloatingActions({
       <Button
         className={'ml1'}
         type="submit"
-        onClick={() => {
-          onCancelClick && onCancelClick();
-        }}
+        onClick={handleCancelBtnClick}
       >
         <T id={'close'} />
       </Button>