Update: Breadcrumbs

src/pages/inventory/index.js

@@ -163,7 +163,7 @@ function InventoryScreen() {
         route={[
           { name: 'Home', path: '/home' },
           { name: 'Setup', path: '/setup' },
-          { name: 'Inventory Definition' },
+          { name: 'Inventory', path: '/setup/inventory' },
           { name: 'Add New/Update Inventory' }
         ]}
       />

src/pages/labeling/index.js

@@ -6,6 +6,7 @@ import Dropdown from 'components/Dropdown';
 import { Grid, TableBody, TableCell, TableRow } from '@mui/material';
 import BasicTable from 'components/BasicTable';
 import MDButton from 'components/Button';
+import Breadcrumbs from 'components/Breadcrumbs';
 
 const useStyles = makeStyles({
   iconSize: {
@@ -127,6 +128,14 @@ function LabelingScreen() {
   return (
     <DashboardLayout>
       <DashboardNavbar />
+      <Breadcrumbs
+        route={[
+          { name: 'Home', path: '/home' },
+          { name: 'Setup', path: '/setup' },
+          { name: 'Labeling', path: '/setup/labeling' },
+          { name: 'Location Label' }
+        ]}
+      />
       <MDBox px={5} py={5}>
         <Grid container spacing={2}>
           {data &&

src/pages/labellingHome/index.js

@@ -3,6 +3,7 @@ import DashboardLayout from 'layouts/DashboardLayout';
 import LocationLabelIcon from 'assets/images/LocationLabelIcon';
 import WidgetLabelIcon from 'assets/images/WidgetLabelIcon';
 import TileBasic from 'components/TileBasic';
+import Breadcrumbs from 'components/Breadcrumbs';
 
 function LabelingHome() {
   const data = [
@@ -21,6 +22,13 @@ function LabelingHome() {
   return (
     <DashboardLayout>
       <DashboardNavbar />
+      <Breadcrumbs
+        route={[
+          { name: 'Home', path: '/home' },
+          { name: 'Setup', path: '/setup' },
+          { name: 'Labeling', path: '/setup/labeling' }
+        ]}
+      />
       <TileBasic tiles={data} />
     </DashboardLayout>
   );

src/pages/newWarehouseDetails/index.js

@@ -73,7 +73,7 @@ function NewWarehouseDetails() {
             { name: 'Home', path: '/home' },
             { name: 'Setup', path: '/setup' },
             { name: 'Warehouse', path: '/setup/warehouse' },
-            { name: 'Add new' }
+            { name: 'Add Warehouse' }
           ]}
         />
         <Box mx={3} my={3}>

src/pages/setupInventory/index.js

@@ -56,7 +56,7 @@ function SetupInventory() {
           color="primary"
           onClick={() => navigate('/setup/inventory/inventory-new')}
         >
-          Add new Inventory
+          Create Inventory
         </MDButton>
       </Breadcrumbs>
       <MDBox px={2} py={3}>

src/pages/useraccess/index.js

@@ -18,6 +18,7 @@ import { API } from 'constant';
 import { useDispatch, useSelector } from 'react-redux';
 import moment from 'moment';
 import { useNavigate } from 'react-router-dom';
+import Breadcrumbs from 'components/Breadcrumbs';
 
 const useStyles = makeStyles((theme) => ({
   iconSize: {
@@ -146,6 +147,13 @@ function UserAccessScreen() {
   return (
     <DashboardLayout>
       <DashboardNavbar />
+      <Breadcrumbs
+        route={[
+          { name: 'Home', path: '/home' },
+          { name: 'Setup', path: '/setup' },
+          { name: 'Users and Access', path: '/setup/users-access' }
+        ]}
+      />
       <MDBox px={2} py={3}>
         <Grid container spacing={2} className={classes.margin}>
           <Grid item xs={12} sm={4} md={4}>

src/pages/warehouse/index.js

@@ -40,7 +40,7 @@ function WarehouseScreen() {
           color="primary"
           onClick={() => navigate('/setup/warehouse/add-warehouse')}
         >
-          Add new Warehouse
+          Create Warehouse
         </MDButton>
       </Breadcrumbs>
       <TileBasic

src/pages/widgetLabel/index.js

@@ -10,6 +10,7 @@ import SearchBar from 'components/SearchBar';
 import BasicTable from 'components/BasicTable';
 import Barcodeimage from 'assets/images/barcode-number.png';
 import MDButton from 'components/Button';
+import Breadcrumbs from 'components/Breadcrumbs';
 
 const useStyles = makeStyles({
   labelSize: {
@@ -165,6 +166,14 @@ function WidgetLabel() {
     <>
       <DashboardLayout>
         <DashboardNavbar />
+        <Breadcrumbs
+          route={[
+            { name: 'Home', path: '/home' },
+            { name: 'Setup', path: '/setup' },
+            { name: 'Labeling', path: '/setup/labeling' },
+            { name: 'Widget Label' }
+          ]}
+        />
         <Box mx={3} my={3}>
           <Grid container spacing={2}>
             <Grid item xs={12} sm={3} md={3}>

src/routes/index.js

@@ -115,24 +115,24 @@ const protectedRoutes = [
   },
   {
     type: 'collapse',
-    name: 'Setup',
-    key: 'Setup',
+    name: 'Configuration',
+    key: 'Configuration',
     icon: <SetupIcon width={24} height={24} color="white" />,
     collapse: [
       {
-        name: 'Setup Home',
+        name: 'Setup',
         key: 'setup',
         route: '/setup',
         component: <SetupHome />
       },
       {
-        name: 'Inventory Home',
+        name: 'Inventory',
         key: 'inventory',
         route: '/setup/inventory',
         component: <SetupInventory />
       },
       {
-        name: 'Warehouse Design',
+        name: 'Warehouse',
         key: 'warehouse',
         route: '/setup/warehouse',
         component: <WarehouseScreen />