feat(warehouseTransfer): warehouse transfer detail.

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 (

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

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