From 67cc02df3b3a938972fcf33969fa9bdb00b8e841 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Wed, 25 Oct 2017 01:37:06 +0100
Subject: [PATCH] hide header when error is up

---
 src/components/structures/login/Login.js | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/structures/login/Login.js b/src/components/structures/login/Login.js
index f5f4f8cd69..c31bdb1cca 100644
--- a/src/components/structures/login/Login.js
+++ b/src/components/structures/login/Login.js
@@ -354,6 +354,7 @@ module.exports = React.createClass({
         }
 
         let serverConfig;
+        let header;
         if (theme !== 'status') {
             serverConfig = <ServerConfig ref="serverConfig"
                 withToggleButton={true}
@@ -363,6 +364,13 @@ module.exports = React.createClass({
                 defaultIsUrl={this.props.defaultIsUrl}
                 onServerConfigChange={this.onServerConfigChange}
                 delayTimeMs={1000} />;
+
+            header = <h2>{ _t('Sign in') }</h2>;
+        }
+        else {
+            if (!this.state.errorText) {
+                header = <h2>{ _t('Sign in to get started') }</h2>;
+            }
         }
 
         return (
@@ -370,11 +378,9 @@ module.exports = React.createClass({
                 <div className="mx_Login_box">
                     <LoginHeader />
                     <div>
-                        <h2>{ theme !== 'status' ? _t('Sign in') : _t('Sign in to get started') }
-                            { loader }
-                        </h2>
+                        { header }
                         <div className="mx_Login_error">
-                                { this.state.errorText }
+                            { this.state.errorText }
                         </div>
                         { this.componentForStep(this.state.currentFlow) }
                         { serverConfig }