From 2b89239baff07afc5336fb6e40ec8fbaf3543364 Mon Sep 17 00:00:00 2001
From: alexfront <alex.andreev.email@gmail.com>
Date: Fri, 14 Aug 2020 09:25:17 +0300
Subject: [PATCH] Cleaning up ClusteStatus render() method

Signed-off-by: alexfront <alex.andreev.email@gmail.com>
---
 .../cluster-manager/cluster-status.tsx         | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/renderer/components/cluster-manager/cluster-status.tsx b/src/renderer/components/cluster-manager/cluster-status.tsx
index 90ec615d02..1f5d52f814 100644
--- a/src/renderer/components/cluster-manager/cluster-status.tsx
+++ b/src/renderer/components/cluster-manager/cluster-status.tsx
@@ -57,12 +57,12 @@ export class ClusterStatus extends React.Component<Props> {
     this.isReconnecting = false;
   }
 
-  render() {
+  renderContent() {
     const { authOutput, cluster, hasErrors } = this;
     const failureReason = cluster.failureReason;
     if (!hasErrors || this.isReconnecting) {
       return (
-        <div className="ClusterStatus flex column align-center justify-center">
+        <>
           <CubeSpinner />
           <pre className="kube-auth-out">
             <p>{this.isReconnecting ? "Reconnecting..." : "Connecting..."}</p>
@@ -70,11 +70,11 @@ export class ClusterStatus extends React.Component<Props> {
               return <p key={index} className={cssNames({ error })}>{data}</p>
             })}
           </pre>
-        </div>
+        </>
       );
     }
     return (
-      <div className={cssNames("ClusterStatus flex column gaps box center", this.props.className)}>
+      <>
         <Icon material="cloud_off" className="error" />
         <h2>
           {cluster.preferences.clusterName}
@@ -94,7 +94,15 @@ export class ClusterStatus extends React.Component<Props> {
           onClick={this.reconnect}
           waiting={this.isReconnecting}
         />
+      </>
+    );
+  }
+
+  render() {
+    return (
+      <div className={cssNames("ClusterStatus flex column gaps box center align-center justify-center", this.props.className)}>
+        {this.renderContent()}
       </div>
-    )
+    );
   }
 }