22 lines
627 B
TypeScript
22 lines
627 B
TypeScript
|
import { Button } from "@/shared/components/ui/button";
|
||
|
|
import { useLayerToggle } from "../../../hooks/useLayerToggle";
|
||
|
|
import { Mapset } from "@/shared/types/mapset";
|
||
|
|
|
||
|
|
export const LayerToggle = ({ mapset }: { mapset: Mapset }) => {
|
||
|
|
const { isActiveLayer, toggleLayer } = useLayerToggle(mapset);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Button
|
||
|
|
onClick={(e) => {
|
||
|
|
e.preventDefault();
|
||
|
|
e.stopPropagation();
|
||
|
|
toggleLayer();
|
||
|
|
}}
|
||
|
|
className="absolute bottom-4 right-4 z-[403]"
|
||
|
|
variant={isActiveLayer ? "destructive" : "default"}
|
||
|
|
>
|
||
|
|
{isActiveLayer ? "Remove Layer" : "Add Layer"}
|
||
|
|
</Button>
|
||
|
|
);
|
||
|
|
};
|