| | |
| | | <CloseIcon /> |
| | | </IconButton> |
| | | </Stack> |
| | | <Box p={2}> |
| | | <Box p={2} pt={1}> |
| | | <Card sx={{ |
| | | transition: '0.3s', |
| | | boxShadow: themeMode === 'light' |
| | |
| | | {deviceType === DEVICE_TYPE.SHELF && ( |
| | | <> |
| | | <ShelfInsight |
| | | |
| | | sprite={sprite} |
| | | /> |
| | | </> |
| | | )} |
| | |
| | | import ShelfThree from './ShelfThree'; |
| | | |
| | | const ShelfMain = (props) => { |
| | | const { data, curFloor, curLocNo, setCurLocNo } = props; |
| | | const { data, curLocNo, setCurLocNo } = props; |
| | | const translate = useTranslate(); |
| | | const containerRef = useRef(); |
| | | const [loading, setLoading] = useState(true); |
| | |
| | | import { useTranslate } from "react-admin"; |
| | | import { Box, Typography, Tabs, Tab, Stack, useTheme, Divider } from '@mui/material'; |
| | | import ShelfMain from './ShelfMain'; |
| | | import JsonShow from '../../JsonShow'; |
| | | |
| | | const ShelfInsight = (props) => { |
| | | const { } = props; |
| | | const { sprite } = props; |
| | | const theme = useTheme(); |
| | | const themeMode = theme.palette.mode; |
| | | const translate = useTranslate(); |
| | | |
| | | const [activeTab, setActiveTab] = useState(0); |
| | | const [curLocNo, setCurLocNo] = useState(null); |
| | | |
| | | const handleTabChange = (event, newValue) => { |
| | | setActiveTab(newValue); |
| | |
| | | |
| | | <Divider /> |
| | | |
| | | <Box p={3}> |
| | | <Box pt={1}> |
| | | {activeTab === 0 && ( |
| | | <ShelfMain |
| | | data={sprite?.data} |
| | | curLocNo={curLocNo} |
| | | setCurLocNo={setCurLocNo} |
| | | /> |
| | | )} |
| | | {activeTab === 1 && ( |
| | | <Box> |
| | | <h1>2</h1> |
| | | </Box> |
| | | <JsonShow |
| | | data={sprite?.data} |
| | | height={550} |
| | | /> |
| | | )} |
| | | </Box> |
| | | </> |