Add an error page for app config (window.CONFIG) not being loaded

This commit is contained in:
Kailash Nadh 2018-11-06 09:01:24 +05:30
parent 87873d0d33
commit c3d1813695
2 changed files with 17 additions and 3 deletions

View File

@ -1,7 +1,7 @@
import React from 'react' import React from 'react'
import Utils from './utils' import Utils from './utils'
import { BrowserRouter } from 'react-router-dom' import { BrowserRouter } from 'react-router-dom'
import { notification } from "antd" import { Icon, notification } from "antd"
import axios from 'axios' import axios from 'axios'
import qs from 'qs' import qs from 'qs'
@ -121,6 +121,16 @@ class App extends React.PureComponent {
} }
render() { render() {
if(!window.CONFIG) {
return(
<div className="broken">
<h1><Icon type="frown" /> Something's not right</h1>
<p>The app configuration could not be loaded.
Please ensure that the app is running and then refresh this page.</p>
</div>
)
}
return ( return (
<BrowserRouter> <BrowserRouter>
<Layout <Layout

View File

@ -36,6 +36,10 @@ hr {
color: #999; color: #999;
} }
.hidden {
display: none;
}
/* Layout */ /* Layout */
body { body {
margin: 0; margin: 0;
@ -65,8 +69,8 @@ body {
width: 20px; width: 20px;
} }
.hidden { .broken {
display: none; margin: 100px;
} }
/* Form */ /* Form */