[EDGECLOUD-1950] Removed crash issues and others from admin and opera…

…tor monitoring screens. (#111)

Minor bug fixes on the developer screen.
The operator and developer screens are still being implemented (there are many features that don't work).
And bug fixes at the bottom

----------------------------------------------------------------------------------------
EDGECLOUD-1947
[WebUI-Monitoring] Monitoring Page crashes as Developer
EDGECLOUD-1944
[WebUI-Monitoring]Web UI crashes when you click on Monitoring page as an Operator
EDGECLOUD-1815
[WebUI-Monitoring] Monitoring page crashes intermittently
EDGECLOUD-1850
[WebUI-Monitoring] Monitoring page crashes when you click on Refresh button
Bug EDGECLOUD-1889
[Web UI-Monitoring] Monitoring page crashes in v1.1.167
Bug EDGECLOUD-1924

package.json

@@ -30,6 +30,7 @@
     "intro.js": "^2.9.3",
     "intro.js-react": "^0.2.0",
     "json-server": "^0.14.0",
+    "leaflet": "^1.6.0",
     "lodash": "^4.17.11",
     "lodash.isequal": "^4.5.0",
     "mapbox-gl": "^1.7.0",
@@ -40,7 +41,7 @@
     "public-ip": "^4.0.0",
     "radium": "^0.26.0",
     "randomcolor": "^0.5.4",
-    "react": "^16.6.3",
+    "react": "^16.12.0",
     "react-addons-shallow-compare": "^15.6.2",
     "react-addons-transition-group": "^15.6.2",
     "react-app-env": "^1.2.3",
@@ -69,6 +70,9 @@
     "react-image-filter": "^0.1.2",
     "react-interval-timer": "^1.0.5",
     "react-json-view": "^1.19.1",
+    "react-leaflet": "2.6.1",
+    "react-leaflet-dialog": "^2.0.1",
+    "react-leaflet-fullscreen-control": "0.0.4",
     "react-live-clock": "^3.0.0",
     "react-lottie": "^1.2.3",
     "react-mapbox-gl": "^4.8.2",
@@ -109,6 +113,8 @@
     "ua-parser-js": "^0.7.20",
     "uuid": "^3.4.0"
   },
+  "module": "dist/index.js",
+  "typings": "dist/index.d.ts",
   "devDependencies": {
     "react-scripts": "^3.3.0"
   },

public/index.html

@@ -4,10 +4,17 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta name="theme-color" content="#000000">
-    <!--font-awesome-icons-->
+
+
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link
+            rel="stylesheet"
+            href="https://unpkg.com/[email protected]/dist/leaflet.css"
+            integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
+            crossorigin=""
+    />
 
     <style>
       @import url('https://fonts.googleapis.com/css?family=Inconsolata&display=swap');