Feature/wms-32 WareHouse details in table page completed (#39)

* Feature/wms-32 WareHouse details in table page completed

* Resolved: Box import

* Updated: .gitignore file

* Update: route component name

Co-authored-by: Llewellyn D'souza <lledsouza2209@gmail.com>

.gitignore

@@ -25,3 +25,4 @@ yarn-error.log*
 yarn.lock
 
 commit.sh
+pnpm-lock.yaml

src/pages/warehouseDetailsTables/index.js

@@ -0,0 +1,92 @@
+import MDButton from 'components/Button';
+import DashboardNavbar from 'components/DashboardNavbar';
+import NestedTable from 'components/NestedTable';
+import DashboardLayout from 'layouts/DashboardLayout';
+import { makeStyles } from '@mui/styles';
+import { Box } from '@mui/material';
+
+const useStyles = makeStyles({
+  customButton: {
+    width: '100%',
+    padding: '13px 30px !important',
+    textTransform: 'uppercase',
+    borderRadius: '100px !important',
+    boxShadow: 'none !important'
+  }
+});
+
+const WarehouseDetailsTables = () => {
+  const classes = useStyles();
+  return (
+    <>
+      <DashboardLayout>
+        <DashboardNavbar />
+        <Box px={3} py={3}>
+          <NestedTable />
+          <Box
+            sx={{
+              display: 'flex',
+              alignItems: 'center',
+              columnGap: '20px',
+              margin: '20px 0px'
+            }}
+          >
+            <MDButton
+              size="medium"
+              className={classes.customButton}
+              color="primary"
+              variant="contained"
+            >
+              add zone
+            </MDButton>
+            <MDButton
+              size="medium"
+              className={classes.customButton}
+              color="primary"
+              variant="contained"
+            >
+              add area
+            </MDButton>
+            <MDButton
+              size="medium"
+              className={classes.customButton}
+              color="primary"
+              variant="contained"
+            >
+              add row
+            </MDButton>
+            <MDButton
+              size="medium"
+              className={classes.customButton}
+              color="primary"
+              variant="contained"
+              sx={{ background: '#E5E7EB !important', color: 'rgba(75, 85, 99, 0.5)' }}
+            >
+              add bay
+            </MDButton>
+            <MDButton
+              size="medium"
+              className={classes.customButton}
+              color="primary"
+              variant="contained"
+              sx={{ background: '#E5E7EB !important', color: 'rgba(75, 85, 99, 0.5)' }}
+            >
+              split bay
+            </MDButton>
+            <MDButton
+              size="medium"
+              className={classes.customButton}
+              color="primary"
+              variant="contained"
+              sx={{ background: '#E5E7EB !important', color: 'rgba(75, 85, 99, 0.5)' }}
+            >
+              split level
+            </MDButton>
+          </Box>
+        </Box>
+      </DashboardLayout>
+    </>
+  );
+};
+
+export default WarehouseDetailsTables;

src/routes/index.js

@@ -50,6 +50,7 @@ import LabelingScreen from 'pages/labeling';
 import UserAccessScreen from 'pages/useraccess';
 import NewWarehouseDetails from 'pages/newWarehouseDetails';
 import SetupHome from 'pages/setup';
+import WarehouseDetailsTables from 'pages/warehouseDetailsTables';
 
 // Images
 // import profilePicture from 'assets/images/team-3.jpg';
@@ -123,6 +124,12 @@ const protectedRoutes = [
         route: '/labeling',
         component: <LabelingScreen />
       },
+      {
+        name: 'Warehouse Details Table',
+        key: 'warehouse-details-table',
+        route: '/warehouse-details-table',
+        component: <WarehouseDetailsTables />
+      },
       {
         name: 'Users & Access',
         key: 'users&access',