Add an error page for app config (window.CONFIG) not being loaded
This commit is contained in:
parent
87873d0d33
commit
c3d1813695
|
@ -1,7 +1,7 @@
|
|||
import React from 'react'
|
||||
import Utils from './utils'
|
||||
import { BrowserRouter } from 'react-router-dom'
|
||||
import { notification } from "antd"
|
||||
import { Icon, notification } from "antd"
|
||||
import axios from 'axios'
|
||||
import qs from 'qs'
|
||||
|
||||
|
@ -121,6 +121,16 @@ class App extends React.PureComponent {
|
|||
}
|
||||
|
||||
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 (
|
||||
<BrowserRouter>
|
||||
<Layout
|
||||
|
|
|
@ -36,6 +36,10 @@ hr {
|
|||
color: #999;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Layout */
|
||||
body {
|
||||
margin: 0;
|
||||
|
@ -65,8 +69,8 @@ body {
|
|||
width: 20px;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
.broken {
|
||||
margin: 100px;
|
||||
}
|
||||
|
||||
/* Form */
|
||||
|
|
Loading…
Reference in New Issue