30 lines
854 B
TypeScript
30 lines
854 B
TypeScript
import * as React from 'react';
|
|
import { ColumnProps } from './';
|
|
import { Node } from '../../../state';
|
|
import { Truncate, Tooltip } from '../../';
|
|
import icon from '../../../icons/server.svg';
|
|
|
|
export class NameColumn extends React.Component<ColumnProps> {
|
|
public static readonly label = 'Node';
|
|
public static readonly icon = icon;
|
|
public static readonly setting = null;
|
|
public static readonly width = null;
|
|
public static readonly sortBy = ({ sortableName }: Node) => sortableName;
|
|
|
|
public shouldComponentUpdate(nextProps: ColumnProps) {
|
|
// Node name only changes when the node does
|
|
return this.props.node !== nextProps.node;
|
|
}
|
|
|
|
render() {
|
|
const { name } = this.props.node;
|
|
|
|
return (
|
|
<td className="Column">
|
|
<Tooltip text={name} position="left" />
|
|
<Truncate text={name} />
|
|
</td>
|
|
);
|
|
}
|
|
}
|