#
vincentlu
2025-12-17 adcd2efd074eb3160c429ea8a5dfd537db1d1304
zy-acs-flow/src/map/MapPage.jsx
@@ -14,6 +14,7 @@
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";
@@ -52,6 +53,7 @@
    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);
@@ -139,7 +141,9 @@
        setBatchSelectionVisible(false);
        setAreaSettingsVisible(false);
        setAreaDrawing(false);
        setAreaListVisible(false);
        Tool.cancelAreaDrawing();
        Tool.hideAreas(curZone, setShowAreas);
        setCurSprite(null);
        setBatchSprites([]);
@@ -364,6 +368,13 @@
                {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={{}}
@@ -467,7 +478,7 @@
                        gap: 2
                    }}
                >
                    {mode !== MAP_MODE.AREA_MODE && (
                    {mode === MAP_MODE.OBSERVER_MODE && (
                        <>
                            <AreaFab
                                curZone={curZone}
@@ -561,6 +572,13 @@
                width={570}
            />
            <AreaList
                zoneId={curZone}
                open={areaListVisible}
                onClose={() => setAreaListVisible(false)}
                width={400}
            />
        </Box>
    );
}