|  |  |  | 
|---|
|  |  |  | getLocGroup(data.row, data.bay, (response) => { | 
|---|
|  |  |  | setInfo(response); | 
|---|
|  |  |  | setCurLocNo(response[0]?.locNo); | 
|---|
|  |  |  | setSelectedLoc(response[0]); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, [data]); | 
|---|
|  |  |  | 
|---|
|  |  |  | )} | 
|---|
|  |  |  | </Box> | 
|---|
|  |  |  | <Box width="50%" height="100%" overflow="auto" pl={1}> | 
|---|
|  |  |  | <Paper elevation={3} style={{ padding: '16px' }}> | 
|---|
|  |  |  | <Paper elevation={3} style={{ | 
|---|
|  |  |  | height: "100%", | 
|---|
|  |  |  | padding: '16px', | 
|---|
|  |  |  | display: 'flex', | 
|---|
|  |  |  | flexDirection: 'column', | 
|---|
|  |  |  | justifyContent: 'space-between', | 
|---|
|  |  |  | }}> | 
|---|
|  |  |  | <Box> | 
|---|
|  |  |  | <Typography | 
|---|
|  |  |  | variant="subtitle1" | 
|---|
|  |  |  | flexWrap="nowrap" | 
|---|
|  |  |  | 
|---|
|  |  |  | variant="body2" | 
|---|
|  |  |  | flexWrap="nowrap" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | {translate('table.field.loc.locSts')} | 
|---|
|  |  |  | {translate('table.field.loc.locSts')}: | 
|---|
|  |  |  | </Typography> | 
|---|
|  |  |  | <Typography | 
|---|
|  |  |  | variant="body2" | 
|---|
|  |  |  | 
|---|
|  |  |  | </Typography> | 
|---|
|  |  |  | </Stack> | 
|---|
|  |  |  | </Grid> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <Grid item xs={12}> | 
|---|
|  |  |  | <Typography variant="subtitle1"> | 
|---|
|  |  |  | {translate('table.field.loc.zoneId')} | 
|---|
|  |  |  | </Typography> | 
|---|
|  |  |  | <Typography variant="body1">{info?.zoneId$}</Typography> | 
|---|
|  |  |  | </Grid> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <Grid item xs={12}> | 
|---|
|  |  |  | <Typography variant="subtitle1"> | 
|---|
|  |  |  | {translate('table.field.loc.code')} | 
|---|
|  |  |  | </Typography> | 
|---|
|  |  |  | <Typography variant="body1">{info?.code$}</Typography> | 
|---|
|  |  |  | </Grid> | 
|---|
|  |  |  | </Grid> | 
|---|
|  |  |  | </Box> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <Grid container spacing={2} style={{ marginTop: '0px' }}> | 
|---|
|  |  |  | <Grid item xs={12}> | 
|---|
|  |  |  | <Typography variant="subtitle1"> | 
|---|
|  |  |  | {translate('common.field.opt')} | 
|---|
|  |  |  | </Typography> | 
|---|
|  |  |  | <Stack spacing={2} mt={2}> | 
|---|
|  |  |  | <Button variant="contained" color="error" fullWidth> | 
|---|
|  |  |  | {translate('map.loc.lock')} | 
|---|
|  |  |  | lock | 
|---|
|  |  |  | </Button> | 
|---|
|  |  |  | <Button variant="contained" disabled fullWidth> | 
|---|
|  |  |  | {translate('map.loc.unlock')} | 
|---|
|  |  |  | unlock | 
|---|
|  |  |  | </Button> | 
|---|
|  |  |  | <Button variant="contained" fullWidth> | 
|---|
|  |  |  | {translate('map.loc.reset')} | 
|---|
|  |  |  | reset | 
|---|
|  |  |  | </Button> | 
|---|
|  |  |  | </Stack> | 
|---|
|  |  |  | </Grid> | 
|---|