From 5aab2cd36c601b8a3b3d6e71346f1523391b0940 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Tue, 22 Dec 2020 12:52:18 +0300
Subject: [PATCH] Using badge with tooltips in pods list

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/+workloads-pods/pods.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/renderer/components/+workloads-pods/pods.tsx b/src/renderer/components/+workloads-pods/pods.tsx
index 215e76eb7c..0a5d1cc2e3 100644
--- a/src/renderer/components/+workloads-pods/pods.tsx
+++ b/src/renderer/components/+workloads-pods/pods.tsx
@@ -19,7 +19,7 @@ import startCase from "lodash/startCase";
 import kebabCase from "lodash/kebabCase";
 import { lookupApiLink } from "../../api/kube-api";
 import { KubeObjectStatusIcon } from "../kube-object-status-icon";
-import { Span } from "../span";
+import { Badge } from "../badge";
 
 
 enum sortBy {
@@ -107,7 +107,7 @@ export class Pods extends React.Component<Props> {
           { title: <Trans>Status</Trans>, className: "status", sortBy: sortBy.status },
         ]}
         renderTableContents={(pod: Pod) => [
-          <Span key="name" label={pod.getName()} tooltip={pod.getName()}></Span>,
+          <Badge flat key="name" label={pod.getName()} tooltip={pod.getName()} />,
           <KubeObjectStatusIcon key="icon" object={pod} />,
           pod.getNs(),
           this.renderContainersStatus(pod),
@@ -117,19 +117,19 @@ export class Pods extends React.Component<Props> {
             const detailsLink = getDetailsUrl(lookupApiLink(ref, pod));
 
             return (
-              <Span key={name} className="owner"  tooltip={name}>
+              <Badge flat key={name} className="owner" tooltip={name}>
                 <Link to={detailsLink} onClick={stopPropagation}>
                   {kind}
                 </Link>
-              </Span>
+              </Badge>
             );
           }),
           pod.getNodeName() ?
-            <Span key="node" className="node" tooltip={pod.getNodeName()}>
+            <Badge flat key="node" className="node" tooltip={pod.getNodeName()}>
               <Link to={getDetailsUrl(nodesApi.getUrl({ name: pod.getNodeName() }))} onClick={stopPropagation}>
                 {pod.getNodeName()}
               </Link>
-            </Span>
+            </Badge>
             : "",
           pod.getQosClass(),
           pod.getAge(),