From 2a161a567ae071daa4a1cc014e4cd3caf0cdd67c Mon Sep 17 00:00:00 2001
From: Kailash Nadh <kailash@nadh.in>
Date: Wed, 28 Nov 2018 18:41:00 +0530
Subject: [PATCH] Redesign the 'broken' warning page

---
 frontend/my/src/App.js    | 8 +++++++-
 frontend/my/src/Layout.js | 1 -
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/my/src/App.js b/frontend/my/src/App.js
index 73a5d08..3bdb86b 100644
--- a/frontend/my/src/App.js
+++ b/frontend/my/src/App.js
@@ -5,6 +5,7 @@ import { Icon, notification } from "antd"
 import axios from 'axios'
 import qs from 'qs'
 
+import logo from "./static/listmonk.svg"
 import Layout from './Layout'
 import * as cs from './constants'
 
@@ -124,7 +125,12 @@ class App extends React.PureComponent {
         if(!window.CONFIG) {
             return(
                 <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.
                         Please ensure that the app is running and then refresh this page.</p>
                 </div>
diff --git a/frontend/my/src/Layout.js b/frontend/my/src/Layout.js
index adb91cc..dc3d7de 100644
--- a/frontend/my/src/Layout.js
+++ b/frontend/my/src/Layout.js
@@ -3,7 +3,6 @@ import { Switch, Route } from "react-router-dom"
 import { Link } from "react-router-dom"
 import { Layout, Menu, Icon } from "antd"
 
-// import "antd/dist/antd.css"
 import logo from "./static/listmonk.svg"
 
 // Views.