From e7024955dd056743c3f8787f9a141115b541fece Mon Sep 17 00:00:00 2001
From: elforjani13 <39470382+elforjani13@users.noreply.github.com>
Date: Thu, 3 Feb 2022 01:02:31 +0200
Subject: [PATCH] feat(warehouseTransfer): warehouse transfer detail.

---
 .../Alerts/Warehouses/WarehouseTransferDeleteAlert.js     | 8 +++++++-
 .../WarehouseTransferDetailActionsBar.js                  | 7 +++++--
 .../WarehouseTransferDetailDrawerProvider.js              | 4 +++-
 .../WarehouseTransferDetailHeader.js                      | 2 +-
 src/lang/en/index.json                                    | 5 +++--
 5 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/src/containers/Alerts/Warehouses/WarehouseTransferDeleteAlert.js b/src/containers/Alerts/Warehouses/WarehouseTransferDeleteAlert.js
index 936ccc97c..a602be329 100644
--- a/src/containers/Alerts/Warehouses/WarehouseTransferDeleteAlert.js
+++ b/src/containers/Alerts/Warehouses/WarehouseTransferDeleteAlert.js
@@ -7,6 +7,7 @@ import { useDeleteWarehouseTransfer } from 'hooks/query';
 
 import withAlertStoreConnect from 'containers/Alert/withAlertStoreConnect';
 import withAlertActions from 'containers/Alert/withAlertActions';
+import withDrawerActions from 'containers/Drawer/withDrawerActions';
 
 import { compose } from 'utils';
 
@@ -23,9 +24,12 @@ function WarehouseTransferDeleteAlert({
 
   // #withAlertActions
   closeAlert,
+
+  // #withDrawerActions
+  closeDrawer,
 }) {
   const { mutateAsync: deleteWarehouseTransferMutate, isLoading } =
-  useDeleteWarehouseTransfer();
+    useDeleteWarehouseTransfer();
 
   // handle cancel delete warehouse alert.
   const handleCancelDeleteAlert = () => {
@@ -40,6 +44,7 @@ function WarehouseTransferDeleteAlert({
           message: intl.get('warehouse_transfer.alert.delete_message'),
           intent: Intent.SUCCESS,
         });
+        closeDrawer('warehouse-transfer-detail-drawer');
       })
       .catch(
         ({
@@ -76,4 +81,5 @@ function WarehouseTransferDeleteAlert({
 export default compose(
   withAlertStoreConnect(),
   withAlertActions,
+  withDrawerActions,
 )(WarehouseTransferDeleteAlert);
diff --git a/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailActionsBar.js b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailActionsBar.js
index 9202666f4..9a443d5d8 100644
--- a/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailActionsBar.js
+++ b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailActionsBar.js
@@ -34,15 +34,18 @@ function WarehouseTransferDetailActionsBar({
 }) {
   const history = useHistory();
 
+  const { warehouseTransferId, warehouseTransfer } =
+    useWarehouseDetailDrawerContext();
+
   // Handle edit warehosue transfer.
   const handleEditWarehosueTransfer = () => {
-    // history.push(`/warehouse-transfers/${warehouseTransferId}/edit`);
+    history.push(`/warehouses-transfers/${warehouseTransferId}/edit`);
     closeDrawer('warehouse-transfer-detail-drawer');
   };
 
   // Handle delete warehouse transfer.
   const handleDeletetWarehosueTransfer = () => {
-    // openAlert('warehouse-transfer-delete', { warehouseTransferId });
+    openAlert('warehouse-transfer-delete', { warehouseTransferId });
   };
 
   return (
diff --git a/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailDrawerProvider.js b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailDrawerProvider.js
index b470c954f..d6b6572b6 100644
--- a/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailDrawerProvider.js
+++ b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailDrawerProvider.js
@@ -28,7 +28,9 @@ function WarehouseTransferDetailDrawerProvider({
       <DrawerHeaderContent
         name="warehouse-transfer-detail-drawer"
         title={intl.get('warehouse_transfer.drawer.title', {
-          number: 'W-10',
+          number: warehouseTransfer.transaction_number
+            ? `(${warehouseTransfer.transaction_number})`
+            : null,
         })}
       />
       <WarehouseTransferDetailDrawerContext.Provider
diff --git a/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailHeader.js b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailHeader.js
index 6050eaeb8..931ec747c 100644
--- a/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailHeader.js
+++ b/src/containers/Drawers/WarehouseTransferDetailDrawer/WarehouseTransferDetailHeader.js
@@ -25,7 +25,7 @@ export default function WarehouseTransferDetailHeader() {
     <CommercialDocHeader>
       <DetailsMenu direction={'horizantal'} minLabelSize={'180px'}>
         <DetailItem label={intl.get('date')}>
-          <FormatDate value={warehouseTransfer.date} />
+          <FormatDate value={warehouseTransfer.formatted_date} />
         </DetailItem>
 
         <DetailItem
diff --git a/src/lang/en/index.json b/src/lang/en/index.json
index 82695a352..72c1d35d2 100644
--- a/src/lang/en/index.json
+++ b/src/lang/en/index.json
@@ -1790,7 +1790,7 @@
   "warehouse_transfer.auto_increment.auto": "Your transfer numbers are set on auto-increment mode. Are you sure changing this setting?",
   "warehouse_transfer.auto_increment.manually": "Your transfer numbers are set on manual mode. Are you sure chaning this settings?",
   "warehouse_transfer.setting_your_auto_generated_transfer_no": "Setting your auto-generated transfer number",
-  "warehouse_transfer.drawer.title": "Warehouse Transfer details ({number})",
+  "warehouse_transfer.drawer.title": "Warehouse Transfer details {number}",
   "warehouse_transfer.drawer.label.transfer_number": "Transfer Number",
   "warehouse_transfer.drawer.label.from_warehouse": "From Warehouse",
   "warehouse_transfer.drawer.label.to_warehouse": "To Warehouse",
@@ -1801,5 +1801,6 @@
   "warehouse_transfer.edit_success_message":"The warehouse transfer transaction has been created successfully.",
   "select_warehouse_transfer":"Select Warehouse Transfer",
   "warehouse_transfer.alert.delete_message":"The warehouse transfer transaction has been deleted successfully",
-  "warehouse_transfer.once_delete_this_warehouse_transfer":"Once you delete this warehouse transfer, you won't be able to restore it later. Are you sure you want to delete this warehouse transfer?"
+  "warehouse_transfer.once_delete_this_warehouse_transfer":"Once you delete this warehouse transfer, you won't be able to restore it later. Are you sure you want to delete this warehouse transfer?",
+  "warehouse_transfer.error.could_not_transfer_item_from_source_to_destination":"Could not transfer item from source to destination on the same warehouse"
 }
\ No newline at end of file