fixed marker hiding

This commit is contained in:
Fedor Katurov 2020-01-09 17:17:01 +07:00
parent bdbe28b854
commit cb07aa9fb0
2 changed files with 11 additions and 8 deletions

View file

@ -20,12 +20,19 @@ const mapStateToProps = state => ({
const mapDispatchToProps = { const mapDispatchToProps = {
mapSetRoute: MAP_ACTIONS.mapSetRoute, mapSetRoute: MAP_ACTIONS.mapSetRoute,
editorSetDistance: EDITOR_ACTIONS.editorSetDistance, editorSetDistance: EDITOR_ACTIONS.editorSetDistance,
editorSetMarkersShown: EDITOR_ACTIONS.editorSetMarkersShown,
}; };
type Props = ReturnType<typeof mapStateToProps> & typeof mapDispatchToProps & {}; type Props = ReturnType<typeof mapStateToProps> & typeof mapDispatchToProps & {};
const RouteUnconnected: FC<Props> = memo( const RouteUnconnected: FC<Props> = memo(
({ map: { route }, editor: { editing, mode }, mapSetRoute, editorSetDistance }) => { ({
map: { route },
editor: { editing, mode },
mapSetRoute,
editorSetDistance,
editorSetMarkersShown,
}) => {
const [layer, setLayer] = useState<InteractivePoly>(null); const [layer, setLayer] = useState<InteractivePoly>(null);
const onDistanceChange = useCallback(({ distance }) => editorSetDistance(distance), [ const onDistanceChange = useCallback(({ distance }) => editorSetDistance(distance), [
@ -46,9 +53,9 @@ const RouteUnconnected: FC<Props> = memo(
.on('vertexdragstart', MainMap.disableClicks) .on('vertexdragstart', MainMap.disableClicks)
.on('vertexdragend', MainMap.enableClicks) .on('vertexdragend', MainMap.enableClicks)
.on('vertexaddstart', MainMap.disableClicks) .on('vertexaddstart', MainMap.disableClicks)
.on('vertexaddend', MainMap.enableClicks); .on('vertexaddend', MainMap.enableClicks)
// .on("allvertexhide", console.log) .on('allvertexhide', () => editorSetMarkersShown(false))
// .on("allvertexshow", console.log) .on('allvertexshow', () => editorSetMarkersShown(true));
setLayer(interactive); setLayer(interactive);
@ -59,7 +66,6 @@ const RouteUnconnected: FC<Props> = memo(
const onRouteChanged = useCallback( const onRouteChanged = useCallback(
({ latlngs }) => { ({ latlngs }) => {
// console.log('THIS!');
mapSetRoute(latlngs); mapSetRoute(latlngs);
}, },
[mapSetRoute] [mapSetRoute]

View file

@ -7,9 +7,6 @@ import { MainMap } from '~/constants/map';
const createWaypointMarker = (): DomMarker => { const createWaypointMarker = (): DomMarker => {
const element = document.createElement('div'); const element = document.createElement('div');
element.addEventListener('mousedown', event => event.stopPropagation());
element.addEventListener('mouseup', event => event.stopPropagation());
return new DomMarker({ return new DomMarker({
element, element,
className: 'router-waypoint', className: 'router-waypoint',