diff --git a/src/assets/images/CrossIcon.js b/src/assets/images/CrossIcon.js
new file mode 100644
index 0000000..57b8b35
--- /dev/null
+++ b/src/assets/images/CrossIcon.js
@@ -0,0 +1,19 @@
+import React from 'react';
+
+const CrossIcon = ({ width = 30, height = 30 }) => (
+
+);
+
+export default CrossIcon;
+
+CrossIcon.propTypes = {
+ width: Number,
+ height: Number
+};
+
diff --git a/src/pages/addNewProduct/index.js b/src/pages/addNewProduct/index.js
new file mode 100644
index 0000000..8578442
--- /dev/null
+++ b/src/pages/addNewProduct/index.js
@@ -0,0 +1,525 @@
+import * as React from 'react';
+import { Grid, TextareaAutosize, TextField, Box } from '@mui/material';
+import { makeStyles } from '@mui/styles';
+import DashboardNavbar from 'components/DashboardNavbar';
+import DashboardLayout from 'layouts/DashboardLayout';
+import Select from '@mui/material/Select';
+import MenuItem from '@mui/material/MenuItem';
+import FormControl from '@mui/material/FormControl';
+import ImageUpload from 'components/ImageUpload';
+import MDButton from 'components/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogContent from '@mui/material/DialogContent';
+import CrossIcon from 'assets/images/CrossIcon';
+
+const useStyles = makeStyles({
+ labelSize: {
+ fontSize: '16px',
+ letterSpacing: '0.01em',
+ color: '#000',
+ marginBottom: '4px',
+ lineHeight: '20px'
+ },
+ textAreaSize: {
+ width: '100% !important',
+ resize: 'none',
+ height: '208px !important',
+ boxSizing: 'border-box',
+ border: '1px solid #C4C4C4',
+ borderRadius: '4px',
+ padding: '10px'
+ },
+ cursorPointer: {
+ cursor: 'pointer'
+ }
+});
+const previewImg = [1, 2, 3];
+function AddNewProduct() {
+ const classes = useStyles();
+ const [Manufacturer, setManufacturer] = React.useState('');
+ const [open, setOpen] = React.useState(false);
+ const handleClickOpen = () => {
+ setOpen(true);
+ };
+
+ const handleClose = () => {
+ setOpen(false);
+ };
+
+ const handleChange = (event) => {
+ setManufacturer(event.target.value);
+ };
+ return (
+ <>
+
+
+
+
+
+
+
+
+ Warehouse name
+
+
+
+
+
+ Description
+
+
+
+
+
+ Manufacturer
+
+
+
+
+
+
+
+ Type
+
+
+
+
+
+
+
+ Unit of Material
+
+
+
+
+
+
+
+ Package Count
+
+
+
+
+
+
+
+ Formal Name
+
+
+
+
+
+ Size
+
+
+
+
+
+
+
+ Color
+
+
+
+
+
+
+
+ Unit Cost
+
+
+
+
+
+ Count per Pallet
+
+
+
+
+
+ Count per Pallet Package
+
+
+
+
+
+ Product Family Association
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ add custom fields
+
+
+ import
+
+
+
+ Stock Level Triggers
+
+
+
+
+ Under
+
+
+
+
+
+ Over
+
+
+
+
+
+ Alert
+
+
+
+
+
+
+ cancel
+
+
+ add ITem
+
+
+
+
+
+
+
+
+ );
+}
+
+export default AddNewProduct;
diff --git a/src/routes/index.js b/src/routes/index.js
index 3a6fa37..7599d94 100644
--- a/src/routes/index.js
+++ b/src/routes/index.js
@@ -57,6 +57,7 @@ import LabelingHome from 'pages/labellingHome';
import SetupInventory from 'pages/setupInventory';
import HomeIcon from 'assets/images/HomeIcon';
import SetupIcon from 'assets/images/SetupIcon';
+import AddNewProduct from '../pages/addNewProduct';
// Images
// import profilePicture from 'assets/images/team-3.jpg';
@@ -147,6 +148,13 @@ const protectedRoutes = [
route: '/setup/inventory/inventory-new',
component:
},
+ {
+ name: 'Add New Product',
+ key: 'add-new-product',
+ hide: true,
+ route: '/setup/inventory/product/add-new-product',
+ component:
+ },
{
name: 'Location Labeling',
key: 'location-labeling',