refactoring: account form.

refactoring: expense form.
refactoring: manual journal form.
refactoring: invoice form.

client/src/containers/Sales/Estimates/EstimateForm/EstimateFormPage.js

@@ -1,39 +1,24 @@
-import React, { useCallback, useEffect } from 'react';
+import React, { useEffect } from 'react';
 import { useParams, useHistory } from 'react-router-dom';
-import { useQuery } from 'react-query';
-
-import EstimateForm from './EstimateForm';
-import DashboardInsider from 'components/Dashboard/DashboardInsider';
-
-import withCustomersActions from 'containers/Customers/withCustomersActions';
-import withItemsActions from 'containers/Items/withItemsActions';
-import withEstimateActions from './withEstimateActions';
-import withSettingsActions from 'containers/Settings/withSettingsActions';
-import withDashboardActions from 'containers/Dashboard/withDashboardActions';
-
-import { compose } from 'utils';
-
+ 
 import 'style/pages/SaleEstimate/PageForm.scss';
 
+import EstimateForm from './EstimateForm';
+ 
+import { EstimateFormProvider } from './EstimateFormProvider';
+import withDashboardActions from 'containers/Dashboard/withDashboardActions';
+import { compose } from 'utils';
+
+/**
+ * Estimate form page.
+ */
 function EstimateFormPage({
-  // #withCustomersActions
-  requestFetchCustomers,
-
-  // #withItemsActions
-  requestFetchItems,
-
-  // #withEstimateActions
-  requestFetchEstimate,
-
-  // #withSettingsActions
-  requestFetchOptions,
-
   // #withDashboardActions
   setSidebarShrink,
   resetSidebarPreviousExpand,
   setDashboardBackLink,
 }) {
-  const history = useHistory();
+  
   const { id } = useParams();
 
   useEffect(() => {
@@ -50,55 +35,15 @@ function EstimateFormPage({
     };
   }, [resetSidebarPreviousExpand, setSidebarShrink, setDashboardBackLink]);
 
-  const fetchEstimate = useQuery(
-    ['estimate', id],
-    (key, _id) => requestFetchEstimate(_id),
-    { enabled: !!id },
-  );
-
-  // Handle fetch Items data table or list
-  const fetchItems = useQuery('items-list', () => requestFetchItems({}));
-
-  // Handle fetch customers data table or list
-  const fetchCustomers = useQuery('customers-table', () =>
-    requestFetchCustomers({}),
-  );
-
-  //
-  const handleFormSubmit = useCallback(
-    (payload) => {
-      payload.redirect && history.push('/estimates');
-    },
-    [history],
-  );
-  const handleCancel = useCallback(() => {
-    history.goBack();
-  }, [history]);
-
-  const fetchSettings = useQuery(['settings'], () => requestFetchOptions({}));
-
+ 
   return (
-    <DashboardInsider
-      loading={
-        fetchCustomers.isFetching ||
-        fetchItems.isFetching ||
-        fetchEstimate.isFetching
-      }
-      name={'estimate-form'}
-    >
-      <EstimateForm
-        estimateId={id}
-        onFormSubmit={handleFormSubmit}
-        onCancelForm={handleCancel}
-      />
-    </DashboardInsider>
+    <EstimateFormProvider estimateId={id}>
+      <EstimateForm />
+    </EstimateFormProvider>
   );
 }
 
 export default compose(
-  withEstimateActions,
-  withCustomersActions,
-  withItemsActions,
-  withSettingsActions,
+ 
   withDashboardActions,
 )(EstimateFormPage);