From 62aa9ff67d535bb820477d464cbf0750f830c176 Mon Sep 17 00:00:00 2001
From: Przemek Wiech <pwiech@gmail.com>
Date: Fri, 15 Feb 2019 00:38:51 +0100
Subject: [PATCH] Removed support for IE totally. Added error message displayed
 in IE.

---
 package.json  |  6 ++----
 src/index.tsx | 44 +++++++++++++++++++++++++++-----------------
 2 files changed, 29 insertions(+), 21 deletions(-)

diff --git a/package.json b/package.json
index 61357e5..3b6da45 100644
--- a/package.json
+++ b/package.json
@@ -3,19 +3,17 @@
   "version": "1.0.0",
   "main": "src/index.tsx",
   "dependencies": {
-    "array.prototype.find": "^2.0.4",
     "d3": "^5.7.0",
+    "detect-browser": "^4.1.0",
     "history": "^4.7.2",
     "md5": "^2.2.1",
     "query-string": "^5.1.1",
     "react": "latest",
-    "react-app-polyfill": "^0.2.0",
     "react-dom": "latest",
     "react-intl": "^2.8.0",
     "react-router-dom": "^4.3.1",
     "semantic-ui-css": "^2.4.1",
     "semantic-ui-react": "^0.84.0",
-    "string.prototype.startswith": "^0.2.0",
     "topola": "^2.2"
   },
   "devDependencies": {
@@ -47,7 +45,7 @@
   "browserslist": [
     ">0.2%",
     "not dead",
-    "not ie < 11",
+    "not ie <= 11",
     "not op_mini all"
   ]
 }
diff --git a/src/index.tsx b/src/index.tsx
index 75dbfa1..944058c 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,12 +1,10 @@
-import 'react-app-polyfill/ie11';
-import 'string.prototype.startswith';
-import 'array.prototype.find';
 import * as locale_en from 'react-intl/locale-data/en';
 import * as locale_pl from 'react-intl/locale-data/pl';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import messages_pl from './translations/pl.json';
 import {addLocaleData} from 'react-intl';
+import {detect} from 'detect-browser';
 import {ChartView} from './chart_view';
 import {HashRouter as Router, Route, Switch} from 'react-router-dom';
 import {IntlProvider} from 'react-intl';
@@ -22,17 +20,29 @@ const messages = {
 };
 const language = navigator.language && navigator.language.split(/[-_]/)[0];
 
-ReactDOM.render(
-  <IntlProvider locale={language} messages={messages[language]}>
-    <Router>
-      <div className="root">
-        <Route component={TopBar} />
-        <Switch>
-          <Route exact path="/" component={Intro} />
-          <Route exact path="/view" component={ChartView} />
-        </Switch>
-      </div>
-    </Router>
-  </IntlProvider>,
-  document.querySelector('#root'),
-);
+const browser = detect();
+
+if (browser && browser.name === 'ie') {
+  ReactDOM.render(
+    <p>
+      Topola Genealogy Viewer does not support Internet Explorer. Please try a
+      different browser.
+    </p>,
+    document.querySelector('#root'),
+  );
+} else {
+  ReactDOM.render(
+    <IntlProvider locale={language} messages={messages[language]}>
+      <Router>
+        <div className="root">
+          <Route component={TopBar} />
+          <Switch>
+            <Route exact path="/" component={Intro} />
+            <Route exact path="/view" component={ChartView} />
+          </Switch>
+        </div>
+      </Router>
+    </IntlProvider>,
+    document.querySelector('#root'),
+  );
+}