@bjsdistribution/dms-client-return 0.1.14-prod → 0.1.15-prod

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.14-prod",
+  "version": "0.1.15-prod",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -59,7 +59,7 @@
     "testEnvironment": "jest-environment-jsdom-sixteen"
   },
   "devDependencies": {
-    "@bjsdistribution/dms-component-library": "0.3.47-staging",
+    "@bjsdistribution/dms-component-library": "0.3.51-prod",
     "@size-limit/preset-small-lib": "^11.0.1",
     "@tippyjs/react": "^4.2.6",
     "@types/react": "^18.2.47",

package/src/components/order-daily-overview/index.tsx

@@ -8,7 +8,10 @@ import Filters from './filters/Filters';
 import styled from 'styled-components';
 import { useCustomerData, useStickyStatus } from '../store';
 import HeaderFilter from './header-filters/HeaderFilter';
-import { useApiHook } from '@bjsdistribution/dms-component-library';
+import {
+  DocumentTitle,
+  useApiHook,
+} from '@bjsdistribution/dms-component-library';
 import { useAtom, useClientData } from '../order-view/store';
 import { ClientData } from './common/interface';
 import ReturnFilter from './return-order-table/return-orders-filters/ReturnFilter';
@@ -97,6 +100,7 @@ function ReturnMainTable() {
 
   return (
     <>
+      <DocumentTitle title="Client Return Products" />
       <DashBoardWrapper className={` ${isScrolled ? 'stickyTableHead' : ''}`}>
         {/* <RouterHeader /> */}
         <div className="Tableconatiner">

package/src/components/order-daily-overview/return-after-table/ReturnAfterTable.tsx

@@ -10,7 +10,10 @@ import {
   UsePaginationReturnData,
 } from '../store/store';
 import { ApiResponse } from '../common/interface';
-import { useApiHook } from '@bjsdistribution/dms-component-library';
+import {
+  DocumentTitle,
+  useApiHook,
+} from '@bjsdistribution/dms-component-library';
 import { filtersReducerReturnAtom } from './table-filters/ReturnFilterStore';
 import { notification } from 'antd';
 import ReturnPagination from '../table-view/ReturnPagination';
@@ -80,6 +83,7 @@ const ReturnAfterTable = () => {
 
   return (
     <div>
+      <DocumentTitle title="Return Order List" />
       <DashBoardWrapper>
         {/* <RouterHeader /> */}
         <div className="Tableconatiner">

package/src/components/order-daily-overview/return-order-table/ReturnTable.tsx

@@ -8,12 +8,15 @@ import ReturnOrderTable from './return-orders-filters/ReturnOrderTable';
 import ModalManager from '../../order-view/modalsPopup/ModalManager';
 import { useItemsPerPage, UsePaginationData } from '../store/store';
 import Pagination from '../table-view/Pagination';
+import { useCustomerData } from '../../store';
+import { DocumentTitle } from '@bjsdistribution/dms-component-library';
 // import { useLocation } from 'react-router-dom';
 
 const ReturnTable = () => {
   const [paginationObj] = UsePaginationData();
   const [, setCurrentPage] = useState(1);
   const [itemsPerPage, setItemsPerPage] = useItemsPerPage();
+  const [customers] = useCustomerData();
   // const location = useLocation();
   const { page, total } = paginationObj;
 
@@ -30,10 +33,23 @@ const ReturnTable = () => {
   //   const clientId = queryParams.get('customerId');
   // }, [location]);
 
+  const queryParams = new URLSearchParams(location.search);
+
+  const customerId = queryParams.get('customerId');
+
+  const selectedCustomer = customers?.find(
+    (customer: any) => customer?.customer_id?.toString() === customerId
+  );
+
+  const customerName = selectedCustomer?.customer_name;
+
+  const docTitle = `${customerName}: Return Product`;
+
   return (
     <div>
       <DashBoardWrapper>
         {/* <RouterHeader /> */}
+        <DocumentTitle title={docTitle} />
         <div className="Tableconatiner">
           <HeaderFilter />
           <Container>

package/src/components/order-view/index.tsx

@@ -6,7 +6,11 @@ import SystemLogs from './system-event-logs/expanded-content';
 import GeneralHeader from './general-information';
 import ProductsInfo from './products-info';
 import OrderActions from './order-actions';
-import { useApiHook, useAxios } from '@bjsdistribution/dms-component-library';
+import {
+  DocumentTitle,
+  useApiHook,
+  useAxios,
+} from '@bjsdistribution/dms-component-library';
 import {
   useOrderDetails,
   // useOrderStaticData,
@@ -60,7 +64,7 @@ function OrderView({ locationloading }: any) {
   const [, setLoading] = useState<boolean>(false);
   const [, setOrderStatus] = useStatusDetails();
   const [, setDepotOptions] = useDepotOptions();
-  const [, setCustomerInfo] = useCustomerInfo();
+  const [customerInfo, setCustomerInfo] = useCustomerInfo();
   const [, setLocationOptions] = useLocationOptions();
   const [orderResources, setOrderResources] = useOrderProductsResources();
   const [GsitCUstomerId, setGsitCUstomerId] = useGsitCUstomerId();
@@ -450,8 +454,11 @@ function OrderView({ locationloading }: any) {
     }
   }, [escalationDataLoading]);
 
+  const docTitle = `${customerInfo?.recipient_name}, ${customerInfo?.postcode}`;
+
   return (
     <MainContainer>
+      <DocumentTitle title={docTitle} />
       <GeneralHeader statusDataLoading={statusDataLoading} />
 
       <DetailsFilters />