day:

1 files changed, 21 insertions, 13 deletions

diff --git a/src/client/views/nodes/MapBox/MapBox.tsx b/src/client/views/nodes/MapBox/MapBox.tsx
index fdd703604..ee7f89ac2 100644
--- a/src/client/views/nodes/MapBox/MapBox.tsx
+++ b/src/client/views/nodes/MapBox/MapBox.tsx
@@ -2,6 +2,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { GoogleMapProps, Marker } from '@react-google-maps/api';
 import BingMapsReact from 'bingmaps-react';
 import { EditableText } from 'browndash-components';
+import e from 'connect-flash';
 import { action, computed, IReactionDisposer, observable, ObservableMap, runInAction } from 'mobx';
 import { observer } from 'mobx-react';
 import * as React from 'react';
@@ -610,7 +611,8 @@ export class MapBox extends ViewBoxAnnotatableComponent<ViewBoxAnnotatableProps
     pushpinClicked = (e: {
         isSelected: boolean; target: { metadata: { title: any; description: any }; getLocation: () => any } 
 }, pin:Doc) => {
-        // pin.isSelected = true;
+        pin["infoWindowOpen"] = !pin.infoWindowOpen;
+        console.log("Pin clicked")
         //Make sure the infobox has metadata to display.
         // if (e.target.metadata) {
         //     //Set the infobox options with the metadata of the pushpin. // HOW DO I GET THE CORRECT INFOBOX FOR THIS PIN? CAN I use this e?
@@ -627,7 +629,7 @@ export class MapBox extends ViewBoxAnnotatableComponent<ViewBoxAnnotatableProps
     private pushpinClicked2 = (e: { target: { metadata: { title: any; description: any }; getLocation: () => any } }, pin: Doc) => {
         // // set which place was clicked
         // this.selectedPlace = place;
-        pin.infoWindowOpen = true;
+        pin.infoWindowOpen = !pin.infoWindowOpen;
         // console.log("later:" + pin.infoWindowOpen)
     };
 
@@ -696,22 +698,28 @@ export class MapBox extends ViewBoxAnnotatableComponent<ViewBoxAnnotatableProps
         this.allMapPushpins.map(pin => this.createInfobox(pin));
         this.allMapPushpins.map(pin => this._bingMap.current.entities.push(pin));
         
-        var numSelected = 0
-        this.allMapPushpins.filter(pin => pin.isSelected).forEach(pin=>numSelected++)
-        console.log(numSelected)
+        
         
     };
 
     @action
     createInfobox = (pin: any) => {
-        var pushPin2 = new this.MicrosoftMaps.Pushpin(new this.MicrosoftMaps.Location(pin.lat, pin.lng), {icon: 'http://icons.iconarchive.com/icons/icons-land/vista-map-markers/24/Map-Marker-Marker-Outside-Chartreuse-icon.png'});
-        var pushPin = new this.MicrosoftMaps.Pushpin(new this.MicrosoftMaps.Location(pin.lat, pin.lng), {
-            title: this.bingSearchBarContents,
-            subTitle: 'subtitle here',
-            text: '1',
-            // height: '50px'
-        });
-        this._bingMap.current.entities.push(pushPin2);
+        var pushPin:any;
+        if (pin.infoWindowOpen){
+            pushPin = new this.MicrosoftMaps.Pushpin(new this.MicrosoftMaps.Location(pin.lat, pin.lng), {
+                title: this.bingSearchBarContents,
+                subTitle: 'subtitle here',
+                text: '1',
+                // height: '50px'
+            });
+        }
+        else{
+            pushPin = new this.MicrosoftMaps.Pushpin(new this.MicrosoftMaps.Location(pin.lat, pin.lng), {icon: 'http://icons.iconarchive.com/icons/icons-land/vista-map-markers/24/Map-Marker-Marker-Outside-Chartreuse-icon.png'});
+        }
+        
+        this._bingMap.current.entities.push(pushPin);
+
+        console.log(this.allMapPushpins.filter(pin => pin.infoWindowOpen).length)
 
         var id = Utils.GenerateGuid();
         document.getElementById(id);