fix(ContextMenuDemo): Address prop validation issues

ibi-group · Feb 20, 2020 · 45fdabf · 45fdabf
1 parent b58a255
commit 45fdabf
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/packages/base-map/__mocks__/ContextMenuDemo.js b/packages/base-map/__mocks__/ContextMenuDemo.js
@@ -1,27 +1,30 @@
-/* eslint-disable react/prop-types */
 import React, { Component } from "react";
 import BaseMap from "..";
 
+const center = [45.522862, -122.667837];
+
 export default class ContextMenuDemo extends Component {
   constructor() {
     super();
 
-    this.state = { location: null };
+    this.state = { location: center, contents: "" };
   }
 
   handleContextMenu = e => {
-    this.setState({ location: [e.latlng.lat, e.latlng.lng] });
+    this.setState({
+      location: [e.latlng.lat, e.latlng.lng],
+      contents: <h1>Context Popup</h1>
+    });
   };
 
   render() {
-    const { location } = this.state;
-    const center = [45.522862, -122.667837];
+    const { location, contents } = this.state;
 
     return (
       <div>
         <BaseMap
           center={center}
-          popup={{ location, contents: <h1>Context Menu</h1> }}
+          popup={{ location, contents }}
           onContextMenu={this.handleContextMenu}
         />
       </div>

diff --git a/packages/base-map/src/index.js b/packages/base-map/src/index.js
@@ -1,7 +1,7 @@
 import React, { Component } from "react";
 import PropTypes from "prop-types";
 import { LayersControl, Map, Popup, TileLayer } from "react-leaflet";
-import { latlngType } from "@opentripplanner/core-utils/lib/types";
+import { latlngType } from "@opentripplanner/core-utils/src/types";
 import L from "leaflet";
 
 import callIfValid from "./util";