Fix grid off and on icons not being selectable

This commit is contained in:
Mitchell McCaffrey
2020-04-20 16:45:33 +10:00
parent 0b7c8d6c56
commit 35523fd8ce
3 changed files with 21 additions and 15 deletions

View File

@@ -80,21 +80,23 @@ function MapControls({
":active": { color: "secondary" },
}}
>
<IconButton
aria-label={
useBrushGridSnapping
? "Disable Brush Grid Snapping"
: "Enable Brush Grid Snapping"
}
title={
useBrushGridSnapping
? "Disable Brush Grid Snapping"
: "Enable Brush Grid Snapping"
}
onClick={() => onBrushGridSnappingChange(!useBrushGridSnapping)}
>
{useBrushGridSnapping ? <GridOffIcon /> : <GridOnIcon />}
</IconButton>
{useBrushGridSnapping ? (
<IconButton
aria-label="Disable Brush Grid Snapping"
title="Disable Brush Grid Snapping"
onClick={() => onBrushGridSnappingChange(false)}
>
<GridOnIcon />
</IconButton>
) : (
<IconButton
aria-label="Enable Brush Grid Snapping"
title="Enable Brush Grid Snapping"
onClick={() => onBrushGridSnappingChange(true)}
>
<GridOffIcon />
</IconButton>
)}
Grid Lock
</Label>
</Box>