|  |  |  | 
|---|
|  |  |  | 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?.no; | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | <BatchInsight | 
|---|
|  |  |  | batchSprites={batchSprites} | 
|---|
|  |  |  | drawerClose={handleClose} | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </> | 
|---|
|  |  |  | )} | 
|---|
|  |  |  | 
|---|
|  |  |  | {mode === MAP_MODE.SETTINGS_MODE && ( | 
|---|
|  |  |  | <> | 
|---|
|  |  |  | <BatchSettings | 
|---|
|  |  |  | data={ | 
|---|
|  |  |  | batchSprites?.map(item => { | 
|---|
|  |  |  | return item.data?.no; | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | batchSprites={batchSprites} | 
|---|
|  |  |  | drawerClose={handleClose} | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </> | 
|---|
|  |  |  | )} | 
|---|