hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Cleaning up ClusteStatus render() method

Browse Source 
Signed-off-by: alexfront <alex.andreev.email@gmail.com>
This commit is contained in:
alexfront 2020-08-14 09:25:17 +03:00
parent 76ef892a3a
commit 2b89239baf
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/renderer/components/cluster-manager/cluster-status.tsx
View File

@ -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>
)
);
}
}