| | |
| | | import { NotificationProvider, useNotification } from './Notification'; |
| | | import Insight from "./insight"; |
| | | import Device from "./Device"; |
| | | import AreaList from "./AreaList"; |
| | | import Settings from "./settings"; |
| | | import Batch from "./batch"; |
| | | import AreaSettings from "./areaSettings"; |
| | |
| | | const [settingsVisible, setSettingsVisible] = useState(false); |
| | | const [batchSelectionVisible, setBatchSelectionVisible] = useState(false); |
| | | const [areaSettingsVisible, setAreaSettingsVisible] = useState(false); |
| | | const [areaListVisible, setAreaListVisible] = useState(false); |
| | | const [areaDrawing, setAreaDrawing] = useState(false); |
| | | |
| | | const [curSprite, setCurSprite] = useState(null); |
| | |
| | | setBatchSelectionVisible(false); |
| | | setAreaSettingsVisible(false); |
| | | setAreaDrawing(false); |
| | | setAreaListVisible(false); |
| | | Tool.cancelAreaDrawing(); |
| | | Tool.hideAreas(curZone, setShowAreas); |
| | | |
| | |
| | | {mode === MAP_MODE.AREA_MODE && ( |
| | | <> |
| | | <Button |
| | | variant="outlined" |
| | | onClick={() => setAreaListVisible(!areaListVisible)} |
| | | sx={{ mr: 2 }} |
| | | > |
| | | {translate('page.map.action.areaList')} |
| | | </Button> |
| | | <Button |
| | | variant={areaDrawing ? "outlined" : "contained"} |
| | | color="primary" |
| | | sx={{}} |
| | |
| | | width={570} |
| | | /> |
| | | |
| | | <AreaList |
| | | open={areaListVisible} |
| | | onCancel={() => { |
| | | setAreaListVisible(false); |
| | | }} |
| | | onDrop={onDrop} |
| | | width={400} |
| | | /> |
| | | |
| | | </Box> |
| | | ); |
| | | } |