Switch maps when connecting

1 files changed, 5 insertions, 1 deletions

diff --git a/app/components/Connect.js b/app/components/Connect.js
index 83e49e3c2d..4ab942407b 100644
--- a/app/components/Connect.js
+++ b/app/components/Connect.js
@@ -64,6 +64,10 @@ export default class Connect extends Component {
     }
   }
 
+  mapClass() {
+    return ['connect__map', 'connect__map--' + this.props.connect.status].join(' ');
+  }
+
   render() {
     const preferredServer = this.props.settings.preferredServer;
     const serverName = this.serverName(preferredServer);
@@ -76,7 +80,7 @@ export default class Connect extends Component {
         <Header style={ this.headerStyle() } showSettings={ true } onSettings={ ::this.onSettings } />
         <Container>
           <div className="connect">
-            <div className="connect__map"></div>
+            <div className={ this.mapClass() }></div>
             <div className="connect__container">
 
               <div className="connect__status">