Modified filter function of k8s page

snetsystems · Dec 7, 2021 · 80d59c6 · 80d59c6
1 parent 97bed18
commit 80d59c6
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 8 deletions.
diff --git a/frontend/src/hosts/components/KubernetesContents.tsx b/frontend/src/hosts/components/KubernetesContents.tsx
@@ -180,7 +180,7 @@ class KubernetesContents extends PureComponent<Props, State> {
   }
 
   private KubernetesInformation = () => {
-    const {handleOnClickPodName, activeTab, script, focuseNode} = this.props
+    const {activeTab, script, focuseNode} = this.props
     const {HeaderWidth, DataWidth} = KUBERNETES_BASICS_TABLE_SIZE
 
     return (
@@ -196,7 +196,7 @@ class KubernetesContents extends PureComponent<Props, State> {
                   Kind
                 </div>
                 <TableBodyRowItem
-                  title={<div className="pod-name">{focuseNode.type}</div>}
+                  title={<div className="k8s-obj-kind">{focuseNode.type}</div>}
                   width={DataWidth}
                   className={'align--start'}
                 />
@@ -209,7 +209,9 @@ class KubernetesContents extends PureComponent<Props, State> {
                   Label
                 </div>
                 <TableBodyRowItem
-                  title={<div className="pod-name">{focuseNode.label}</div>}
+                  title={
+                    <div className="k8s-obj-label">{focuseNode.label}</div>
+                  }
                   width={DataWidth}
                   className={'align--start'}
                 />

diff --git a/frontend/src/hosts/components/KubernetesRawData.tsx b/frontend/src/hosts/components/KubernetesRawData.tsx
@@ -1,4 +1,5 @@
 import React, {PureComponent} from 'react'
+import _ from 'lodash'
 import yaml from 'js-yaml'
 
 import {Controlled as ReactCodeMirror} from 'react-codemirror2'
@@ -29,7 +30,7 @@ class KubernetesRawData extends PureComponent<Props> {
         <ReactCodeMirror
           autoFocus={true}
           autoCursor={true}
-          value={yaml.dump(script)}
+          value={!_.isEmpty(script) ? yaml.dump(script) : ''}
           options={options}
           onBeforeChange={this.beforeChange}
           onTouchStart={this.onTouchStart}

diff --git a/frontend/src/hosts/components/host.scss b/frontend/src/hosts/components/host.scss
@@ -166,12 +166,12 @@
   margin-right: 3px;
 }
 
-.pod-name {
+.k8s-obj-kind {
   color: #999dab;
+}
 
-  // &:hover {
-  //   color: #e35833;
-  // }
+.k8s-obj-label {
+  color: #22adf6;
 }
 
 .kubernetes-header--bar {