| | |
| | | import { PAGE_DRAWER_WIDTH } from '@/config/setting'; |
| | | import { MAP_MODE } from "../constants"; |
| | | import BatchSettings from './BatchSettings'; |
| | | import BatchInsight from './BatchInsight'; |
| | | |
| | | const Batch = (props) => { |
| | | const { open, onCancel, mode, batchSprites, width = PAGE_DRAWER_WIDTH } = props; |
| | |
| | | }}> |
| | | <Stack direction="row" p={2}> |
| | | <Typography variant="h6" flex="1"> |
| | | {batchSprites?.length || 0} items {translate('common.action.selected')} |
| | | {batchSprites?.length || 0} {translate('common.action.selected')} |
| | | </Typography> |
| | | <IconButton onClick={handleClose} size="small"> |
| | | <CloseIcon /> |
| | |
| | | <Box p={3}> |
| | | {mode === MAP_MODE.OBSERVER_MODE && ( |
| | | <> |
| | | <BatchSettings |
| | | data={ |
| | | batchSprites?.map(item => { |
| | | return item.data?.type + '-' + item.data?.no; |
| | | }) |
| | | } |
| | | <BatchInsight |
| | | batchSprites={batchSprites} |
| | | drawerClose={handleClose} |
| | | /> |
| | | </> |
| | | )} |
| | |
| | | {mode === MAP_MODE.SETTINGS_MODE && ( |
| | | <> |
| | | <BatchSettings |
| | | data={ |
| | | batchSprites?.map(item => { |
| | | return item.data?.type + '-' + item.data?.no; |
| | | }) |
| | | } |
| | | batchSprites={batchSprites} |
| | | drawerClose={handleClose} |
| | | /> |
| | | </> |
| | | )} |