Redesign the 'broken' warning page

This commit is contained in:
Kailash Nadh 2018-11-28 18:41:00 +05:30
parent 5662fac440
commit 2a161a567a
2 changed files with 7 additions and 2 deletions

View File

@ -5,6 +5,7 @@ import { Icon, notification } from "antd"
import axios from 'axios' import axios from 'axios'
import qs from 'qs' import qs from 'qs'
import logo from "./static/listmonk.svg"
import Layout from './Layout' import Layout from './Layout'
import * as cs from './constants' import * as cs from './constants'
@ -124,7 +125,12 @@ class App extends React.PureComponent {
if(!window.CONFIG) { if(!window.CONFIG) {
return( return(
<div className="broken"> <div className="broken">
<h1><Icon type="frown" /> Something's not right</h1> <p>
<img src={logo} alt="listmonk logo" />
</p>
<hr />
<h1><Icon type="warning" /> Something's not right</h1>
<p>The app configuration could not be loaded. <p>The app configuration could not be loaded.
Please ensure that the app is running and then refresh this page.</p> Please ensure that the app is running and then refresh this page.</p>
</div> </div>

View File

@ -3,7 +3,6 @@ import { Switch, Route } from "react-router-dom"
import { Link } from "react-router-dom" import { Link } from "react-router-dom"
import { Layout, Menu, Icon } from "antd" import { Layout, Menu, Icon } from "antd"
// import "antd/dist/antd.css"
import logo from "./static/listmonk.svg" import logo from "./static/listmonk.svg"
// Views. // Views.