fixing unknown activity issue

Author: aehmt

src/index.js

@@ -55,6 +55,7 @@ if (process.env.REACT_APP_PUBLISHABLE_KEY) {
       }}
     >
       <LiveView
+        onDeviceClick={console.log}
         navigateOnClick={false}
         publishableKey={process.env.REACT_APP_PUBLISHABLE_KEY}
         showTooltips={false}

src/pages/AccountLiveLocation/components/CustomPopup.js

@@ -17,7 +17,9 @@ export const customPopup = (
   name,
   timezone,
   reversedCoordinates,
-  notActivePayload
+  notActivePayload,
+  activePayload,
+  disconnectedPayload
 ) => {
   return (
     <div className="accountLiveLocationPopupBody">
@@ -44,7 +46,7 @@ export const customPopup = (
             <td className="popupTableRowHeader">Activity</td>
             <td className="emptyCell" />
             <td className="popupTableRowContent">
-              {device_status.active ? device_status.active.activity : 'unknown'}
+              {activePayload ? activePayload.activity : 'unknown'}
             </td>
           </tr>
           <tr className="popupTableRow">

src/pages/AccountLiveLocation/components/Map.js

@@ -170,6 +170,7 @@ const Map = props => {
   }
 
   const bindPopup = (leafletMarker, deviceData) => {
+    leafletMarker.unbindPopup()
     const popup = Leaflet.popup()
     leafletMarker.on('move', function() {
       try {
@@ -187,7 +188,9 @@ const Map = props => {
           deviceData.name,
           deviceData.timezone,
           deviceData.location.geometry.coordinates,
-          deviceData.inactive
+          deviceData.inactive,
+          deviceData.active,
+          deviceData.disconnected
         )
       )
     )