forked/topola-viewer
1
0
Fork 0
mirror of https://github.com/PeWu/topola-viewer.git synced 2026-02-18 02:55:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Removed support for IE totally.

Browse Source 
Added error message displayed in IE.
This commit is contained in:
Przemek Wiech 2019-02-15 00:38:51 +01:00
parent 631f8814a9
commit 62aa9ff67d
2 changed files with 29 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
package.json
View File

@ -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"
]
}

44
src/index.tsx
View File

@ -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'),
);
}