#

vincentlu

2025-12-15 8429a44614733562117601fd4d9084d426003557

 zy-acs-flow/src/map/MapPage.jsx

@@ -16,6 +16,7 @@
import Device from "./Device";
import Settings from "./settings";
import Batch from "./batch";
import AreaSettings from "./areaSettings";
import * as Http from './http';
import WebSocketClient from './websocket'
import ConfirmButton from "../page/components/ConfirmButton";
@@ -49,6 +50,7 @@
    const [deviceVisible, setDeviceVisible] = useState(false);
    const [settingsVisible, setSettingsVisible] = useState(false);
    const [batchSelectionVisible, setBatchSelectionVisible] = useState(false);
    const [areaSettingsVisible, setAreaSettingsVisible] = useState(false);
    const [areaDrawing, setAreaDrawing] = useState(false);

    const [curSprite, setCurSprite] = useState(null);
@@ -133,6 +135,7 @@
        setDeviceVisible(false);
        setSettingsVisible(false);
        setBatchSelectionVisible(false);
        setAreaSettingsVisible(false);
        setAreaDrawing(false);
        Tool.cancelAreaDrawing();

@@ -221,12 +224,13 @@
            }
            if (mode === MAP_MODE.AREA_MODE) {
                Tool.showSelectedEffect(curSprite);
                setSettingsVisible(true);
                setAreaSettingsVisible(true);
            }
        } else {
            Tool.removeSelectedEffect();
            setInsightVisible(false);
            setSettingsVisible(false);
            setAreaSettingsVisible(false);
        }
    }, [curSprite]);

@@ -532,6 +536,16 @@
                width={570}
            />

            <AreaSettings
                open={areaSettingsVisible}
                onCancel={() => {
                    setCurSprite(null);
                }}
                sprite={curSprite}
                setSpriteSettings={setCurSprite}
                width={570}
            />

        </Box>
    );
}