Merge pull request #119 from prymitive/fetch

fix(ui): polyfill fetch()

ui/package.json

@@ -43,7 +43,8 @@
     "react-resize-detector": "3.1.3",
     "react-scripts": "2.0.4",
     "react-select": "2.1.0",
-    "react-transition-group": "2.5.0"
+    "react-transition-group": "2.5.0",
+    "whatwg-fetch": "3.0.0"
   },
   "scripts": {
     "start": "NODE_ENV=dev REACT_APP_BACKEND_URI=http://localhost:8080 react-scripts start",

ui/src/Components/NavBar/index.js

@@ -71,7 +71,7 @@ const NavBar = observer(
       const paddingTop = this.activityStatus.idle
         ? 0
         : this.elementSize.height + 4;
-      document.body.style["padding-top"] = `${paddingTop}px`;
+      document.body.style.paddingTop = `${paddingTop}px`;
     };
 
     onHide = () => {

ui/src/index.js

@@ -2,6 +2,9 @@
 // https://babeljs.io/docs/en/babel-polyfill#usage-in-node-browserify-webpack
 import "@babel/polyfill";
 
+// fetch() polyfill for IE and some mobile browsers
+import "whatwg-fetch";
+
 import React from "react";
 import ReactDOM from "react-dom";