mirror of
https://github.com/dcs-liberation/dcs_liberation.git
synced 2025-11-10 14:22:26 +00:00
a70ab8cc1d
This is now feature complete with the exception of the ruler, none of which seem to work with react. Someone that understands JS packaging better than I do (which is a very low bar) will need to have a look. https://github.com/dcs-liberation/dcs_liberation/issues/2039
31 lines
950 B
TypeScript
31 lines
950 B
TypeScript
import { selectSelectedFlightId } from "../../api/flightsSlice";
|
|
import { useAppSelector } from "../../app/hooks";
|
|
import { HoldZonesLayer } from "./HoldZones";
|
|
import { IpZonesLayer } from "./IpZones";
|
|
import { JoinZonesLayer } from "./JoinZones";
|
|
import { LayersControl } from "react-leaflet";
|
|
|
|
const ENABLE_EXPENSIVE_DEBUG_TOOLS = false;
|
|
|
|
export function WaypointDebugZonesControls() {
|
|
const selectedFlightId = useAppSelector(selectSelectedFlightId);
|
|
|
|
if (!ENABLE_EXPENSIVE_DEBUG_TOOLS) {
|
|
return <></>;
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<LayersControl.Overlay name="IP zones">
|
|
<IpZonesLayer flightId={selectedFlightId} />
|
|
</LayersControl.Overlay>
|
|
<LayersControl.Overlay name="Join zones">
|
|
<JoinZonesLayer flightId={selectedFlightId} />
|
|
</LayersControl.Overlay>
|
|
<LayersControl.Overlay name="Hold zones">
|
|
<HoldZonesLayer flightId={selectedFlightId} />
|
|
</LayersControl.Overlay>
|
|
</>
|
|
);
|
|
}
|