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

Using badge with tooltips in pods list

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2020-12-22 12:52:18 +03:00
parent 93008aed94
commit 5aab2cd36c
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/renderer/components/+workloads-pods/pods.tsx
View File

@ -19,7 +19,7 @@ import startCase from "lodash/startCase";
import kebabCase from "lodash/kebabCase"; import kebabCase from "lodash/kebabCase";
import { lookupApiLink } from "../../api/kube-api"; import { lookupApiLink } from "../../api/kube-api";
import { KubeObjectStatusIcon } from "../kube-object-status-icon"; import { KubeObjectStatusIcon } from "../kube-object-status-icon";
import { Span } from "../span"; import { Badge } from "../badge";
enum sortBy { enum sortBy {
@ -107,7 +107,7 @@ export class Pods extends React.Component<Props> {
{ title: <Trans>Status</Trans>, className: "status", sortBy: sortBy.status }, { title: <Trans>Status</Trans>, className: "status", sortBy: sortBy.status },
]} ]}
renderTableContents={(pod: Pod) => [ 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} />, <KubeObjectStatusIcon key="icon" object={pod} />,
pod.getNs(), pod.getNs(),
this.renderContainersStatus(pod), this.renderContainersStatus(pod),
@ -117,19 +117,19 @@ export class Pods extends React.Component<Props> {
const detailsLink = getDetailsUrl(lookupApiLink(ref, pod)); const detailsLink = getDetailsUrl(lookupApiLink(ref, pod));
return ( return (
<Span key={name} className="owner" tooltip={name}> <Badge flat key={name} className="owner" tooltip={name}>
<Link to={detailsLink} onClick={stopPropagation}> <Link to={detailsLink} onClick={stopPropagation}>
{kind} {kind}
</Link> </Link>
</Span> </Badge>
); );
}), }),
pod.getNodeName() ? 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}> <Link to={getDetailsUrl(nodesApi.getUrl({ name: pod.getNodeName() }))} onClick={stopPropagation}>
{pod.getNodeName()} {pod.getNodeName()}
</Link> </Link>
</Span> </Badge>
: "", : "",
pod.getQosClass(), pod.getQosClass(),
pod.getAge(), pod.getAge(),