fix(ControlPointsLayer): fix toggling of control points

Author: landonreed

lib/editor/components/map/ControlPointsLayer.js

@@ -33,7 +33,7 @@ export default class ControlPointsLayer extends Component {
       stops,
       activePattern,
       controlPoints,
-      snapToStops,
+      editSettings,
       handleControlPointDrag,
       handleControlPointDragEnd,
       removeControlPoint,
@@ -43,10 +43,10 @@ export default class ControlPointsLayer extends Component {
     } = this.props
     return (
       <FeatureGroup ref='controlPoints'>
-        {stops && activePattern && activePattern.shape && controlPoints
+        {stops && activePattern && activePattern.shape && editSettings.editGeometry && controlPoints
           ? controlPoints.map((cp, index) => {
             // don't include controlPoint on end of segment (for now) or hidden controlPoints
-            if (cp.stopId && snapToStops) {
+            if (cp.stopId && editSettings.snapToStops) {
               return null
             }
             const position = cp.point

lib/editor/components/map/EditorMap.js

@@ -175,7 +175,7 @@ export default class EditorMap extends Component {
               <ControlPointsLayer
                 stops={stops}
                 activePattern={activePattern}
-                snapToStops={editSettings.snapToStops}
+                editSettings={editSettings}
                 handlePatternEdit={this.props.handlePatternEdit}
                 handleControlPointDrag={this.props.handleControlPointDrag}
                 handleControlPointDragEnd={this.props.handleControlPointDragEnd}