From 26accc2c8d927c0baef8716e257d4692efb0e81e Mon Sep 17 00:00:00 2001
From: Nick Pope <nick.pope@flightdataservices.com>
Date: Fri, 4 May 2018 14:54:56 +0100
Subject: [PATCH] Added a CSS class to error messages.

Added a CSS class to error messages output by dash on load to allow them to be styled.

A workaround for this is to use a (fragile) selector path to match the element, e.g.

    #react-entry-point > div > div:nth-child(2):not([id]):not([class])
---
 src/APIController.react.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/APIController.react.js b/src/APIController.react.js
index 57db63b..4848d9a 100644
--- a/src/APIController.react.js
+++ b/src/APIController.react.js
@@ -83,7 +83,7 @@ class UnconnectedContainer extends Component {
         if (layoutRequest.status &&
             !contains(layoutRequest.status, [200, 'loading'])
         ) {
-            return (<div>{'Error loading layout'}</div>);
+            return (<div className="_dash-error">{'Error loading layout'}</div>);
         }
 
 
@@ -91,7 +91,7 @@ class UnconnectedContainer extends Component {
             dependenciesRequest.status &&
             !contains(dependenciesRequest.status, [200, 'loading'])
         ) {
-            return (<div>{'Error loading dependencies'}</div>);
+            return (<div className="_dash-error">{'Error loading dependencies'}</div>);
         }