You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
949 B
36 lines
949 B
import { Title } from "../../components/Title";
|
|
import { Checkbox } from "antd";
|
|
import {
|
|
getGridVisibility,
|
|
getPointsVisibility,
|
|
useLayersStore,
|
|
} from "../../stores/useLayersStore";
|
|
|
|
export const LayersVisibility = () => {
|
|
const { toggleVisibility } = useLayersStore();
|
|
const isPointsVisible = useLayersStore(getPointsVisibility);
|
|
const isGridVisible = useLayersStore(getGridVisibility);
|
|
|
|
return (
|
|
<div>
|
|
<Title text={"Слои"} className={"mb-1"} />
|
|
<div className={"space-y-1"}>
|
|
<Checkbox
|
|
onChange={() => toggleVisibility("points")}
|
|
checked={isPointsVisible}
|
|
>
|
|
Точки размещения постаматов
|
|
</Checkbox>
|
|
|
|
<Checkbox
|
|
className={"!ml-0"}
|
|
onChange={() => toggleVisibility("grid")}
|
|
checked={isGridVisible}
|
|
>
|
|
Тепловая карта
|
|
</Checkbox>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|