mohiit1502/plaidware-wms-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Feature/wms 19 (#22)

Browse Source 
* added:locationLabel changes
* Added: props to component

Co-authored-by: [Diksha] <[diksha39511@gmail.com]>
Co-authored-by: Llewellyn D'souza <lledsouza2209@gmail.com>
This commit is contained in:
Dikshajain39511
2022-01-24 16:21:10 +05:30
committed by GitHub
parent bfec74ae2f
commit 491ae5aa24
1 changed files with 92 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
src/components/LocationLabel/index.js Normal file
View File

@@ -0,0 +1,92 @@
// import Box from '@mui/material/Box';
import { makeStyles } from '@mui/styles';
import PropTypes from 'prop-types';
import MDBox from 'components/MDBox';
import MDTypography from 'components/MDTypography';
const useStyles = makeStyles({
bind: {
display: 'flex'
},
size: {
fontSize: '12px',
textTransform: 'uppercase',
textAlign: 'center',
marginRight: '15px'
},
sizePos: {
fontSize: '12px',
textTransform: 'uppercase',
textAlign: 'center'
}
});
function LocationLabel({ area, row, bay, level, position }) {
const classes = useStyles();
return (
<MDBox
sx={{
width: 381,
height: 138,
backgroundColor: ({ palette: { background } }) => background.default,
padding: '32px 40px'
}}
>
<MDTypography variant="h1">
<div className={classes.bind}>
<div>
<MDTypography variant="h6" className={classes.size}>
Area
</MDTypography>
<MDTypography variant="h1" color="black">
{area}-
</MDTypography>
</div>
<div>
<MDTypography variant="h6" className={classes.size}>
Row
</MDTypography>
<MDTypography variant="h1" color="black">
{row}-
</MDTypography>
</div>
<div>
<MDTypography variant="h6" className={classes.size}>
Bay
</MDTypography>
<MDTypography variant="h1" color="black">
{bay}-
</MDTypography>
</div>
<div>
<MDTypography variant="h6" className={classes.size}>
Level
</MDTypography>
<MDTypography variant="h1" color="black">
{level}-
</MDTypography>
</div>
<div>
<MDTypography variant="h6" className={classes.sizePos}>
Pos
</MDTypography>
<MDTypography variant="h1" color="black">
{position}
</MDTypography>
</div>
</div>
</MDTypography>
</MDBox>
);
}
LocationLabel.propTypes = {
area: PropTypes.string.isRequired,
row: PropTypes.string.isRequired,
bay: PropTypes.string.isRequired,
level: PropTypes.string.isRequired,
position: PropTypes.string.isRequired
};
export default LocationLabel;