feat: adjustments.

client/src/containers/Items/InventoryAdjustmentList.js

@@ -3,13 +3,15 @@ import { useQuery } from 'react-query';
 import { Alert, Intent } from '@blueprintjs/core';
 import { FormattedMessage as T, useIntl } from 'react-intl';
 
+import AppToaster from 'components/AppToaster';
 import DashboardPageContent from 'components/Dashboard/DashboardPageContent';
 import DashboardInsider from 'components/Dashboard/DashboardInsider';
 
 import InventoryAdjustmentDataTable from './InventoryAdjustmentDataTable';
-
+import withInventoryAdjustmentActions from './withInventoryAdjustmentActions';
+import withInventoryAdjustments from './withInventoryAdjustments';
 import withDashboardActions from 'containers/Dashboard/withDashboardActions';
-//withInventoryAdjustmentsActions
+
 import { compose } from 'utils';
 import { Route, Switch } from 'react-router-dom';
 
@@ -19,7 +21,13 @@ import { Route, Switch } from 'react-router-dom';
 function InventoryAdjustmentList({
   // #withDashboardActions
   changePageTitle,
+
+  // #withInventoryAdjustments
+  inventoryAdjustmentTableQuery,
+
   // #withInventoryAdjustmentsActions
+  requestFetchInventoryAdjustmentTable,
+  requestDeleteInventoryAdjustment,
 }) {
   const { formatMessage } = useIntl();
   const [selectedRows, setSelectedRows] = useState([]);
@@ -32,8 +40,8 @@ function InventoryAdjustmentList({
   }, [changePageTitle, formatMessage]);
 
   const fetchInventoryAdjustments = useQuery(
-    ['inventory-adjustment-list'],
-    () => {},
+    ['inventory-adjustment-list' ,inventoryAdjustmentTableQuery],
+    (key, query) => requestFetchInventoryAdjustmentTable({ ...query }),
   );
 
   // Handle selected rows change.
@@ -55,7 +63,25 @@ function InventoryAdjustmentList({
     setDeleteInventoryAdjustment(false);
   }, [setDeleteInventoryAdjustment]);
 
-  const handleConfirmInventoryAdjustmentDelete = useCallback(() => {}, []);
+  const handleConfirmInventoryAdjustmentDelete = useCallback(() => {
+    requestDeleteInventoryAdjustment(deleteInventoryAdjustment.id)
+      .then(() => {
+        setDeleteInventoryAdjustment(false);
+        AppToaster.show({
+          message: formatMessage({
+            id: 'the_adjustment_has_been_successfully_deleted',
+          }),
+          intent: Intent.SUCCESS,
+        });
+      })
+      .catch((errors) => {
+        setDeleteInventoryAdjustment(false);
+      });
+  }, [
+    deleteInventoryAdjustment,
+    requestDeleteInventoryAdjustment,
+    formatMessage,
+  ]);
 
   // Calculates the data table selected rows count.
   const selectedRowsCount = useMemo(() => Object.values(selectedRows).length, [
@@ -63,7 +89,7 @@ function InventoryAdjustmentList({
   ]);
 
   return (
-    <DashboardInsider>
+    <DashboardInsider name={'inventory_adjustments'}>
       <DashboardPageContent>
         <Switch>
           <Route exact={true}>
@@ -73,9 +99,32 @@ function InventoryAdjustmentList({
             />
           </Route>
         </Switch>
+        <Alert
+          cancelButtonText={<T id={'cancel'} />}
+          confirmButtonText={<T id={'delete'} />}
+          icon={'trash'}
+          intent={Intent.DANGER}
+          isOpen={deleteInventoryAdjustment}
+          onCancel={handleCancelInventoryAdjustmentDelete}
+          onConfirm={handleConfirmInventoryAdjustmentDelete}
+        >
+          <p>
+            <T
+              id={
+                'once_delete_this_inventory_a_adjustment_you_will_able_to_restore_it'
+              }
+            />
+          </p>
+        </Alert>
       </DashboardPageContent>
     </DashboardInsider>
   );
 }
 
-export default compose(withDashboardActions)(InventoryAdjustmentList);
+export default compose(
+  withDashboardActions,
+  withInventoryAdjustmentActions,
+  withInventoryAdjustments(({ inventoryAdjustmentTableQuery }) => ({
+    inventoryAdjustmentTableQuery,
+  })),
+)(InventoryAdjustmentList);