From 8b20891d6c1306ddf855130de15d63b78811432d Mon Sep 17 00:00:00 2001
From: Mary Ellen Chaffin <mechaffin@gmail.com>
Date: Tue, 11 Dec 2018 11:57:53 -0800
Subject: [PATCH] Fix clicking on map popup to open device details (#1198)

---
 src/components/pages/dashboard/panels/map/mapPanel.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/pages/dashboard/panels/map/mapPanel.js b/src/components/pages/dashboard/panels/map/mapPanel.js
index 5a609f38b..47e62cf87 100644
--- a/src/components/pages/dashboard/panels/map/mapPanel.js
+++ b/src/components/pages/dashboard/panels/map/mapPanel.js
@@ -91,7 +91,7 @@ export class MapPanel extends Component {
     popupContentBox.appendChild(name);
 
     popupContentBox.onclick = () => {
-      // Check this to void any potential attempts to refernce the component after unmount
+      // Check this to void any potential attempts to reference the component after unmount
       if (this) this.openDeviceDetails(properties.id);
     };
 
@@ -187,7 +187,7 @@ export class MapPanel extends Component {
   closeDeviceDetails = () => this.setState({ selectedDeviceId: undefined });
 
   render() {
-    const { t, isPending, devices, mapKeyIsPending, azureMapsKey, error } = this.props;
+    const { t, isPending, mapKeyIsPending, azureMapsKey, error } = this.props;
     const showOverlay = !error && isPending && mapKeyIsPending;
     return (
       <Panel className="map-panel-container">
@@ -205,7 +205,7 @@ export class MapPanel extends Component {
         { error && <PanelError><AjaxError t={t} error={error} /></PanelError> }
         {
           this.state.selectedDeviceId
-          && <DeviceDetailsContainer onClose={this.closeDeviceDetails} device={devices[this.state.selectedDeviceId]} />
+          && <DeviceDetailsContainer onClose={this.closeDeviceDetails} deviceId={this.state.selectedDeviceId} />
         }
       </Panel>
     );