mirror of
https://github.com/pezkuwichain/pezkuwi-telemetry.git
synced 2026-04-30 21:18:01 +00:00
Maciej Hirsz
ebb01c1a7d
* More responsive React updates on scroll * `Icon`s now use shadow dom * Faster Sparkline * Recycle table rows * Separate Header from Chain to avoid vdom diffing * Separate THead from Row.HEADER to avoid vdom diffing * Throttle rendering updates on chain tabs, also styles * Minor tweaks and fixes * Created components for all columns * Wrapping up Column refactor * Rename Row--td to Column * Lazy `Ago` * Update styles for faster layouting * Minor cleanup * Fix Connection * Use shadow DOM in `PolkadotIcon` * Comments and tweaks for the List component * Faster Tooltip and Truncate * Minor tweaks * Tooltiped columns can now be copied * Future-proof Connection * Remove the <div> wrapper from Icon * Fix dash on missing graph data * Clean up some SVGs * Cleanup and comments * Localize the use of `previousKeys` to `recalculateKeys` * Custom appState disjoint from React component state * Make appState and appUpdate refs readonly * Cleanup
39 lines
1.0 KiB
TypeScript
39 lines
1.0 KiB
TypeScript
import * as React from 'react';
|
|
import { Maybe } from '../../../common';
|
|
import { Column } from './';
|
|
import { Node } from '../../../state';
|
|
import { Truncate } from '../../';
|
|
import { Tooltip } from '../../';
|
|
import icon from '../../../icons/fingerprint.svg';
|
|
|
|
export class NetworkIdColumn extends React.Component<Column.Props, {}> {
|
|
public static readonly label = 'Network ID';
|
|
public static readonly icon = icon;
|
|
public static readonly width = 90;
|
|
public static readonly setting = 'networkId';
|
|
public static readonly sortBy = ({ networkId }: Node) => networkId || '';
|
|
|
|
private data: Maybe<string>;
|
|
|
|
public shouldComponentUpdate(nextProps: Column.Props) {
|
|
return this.data !== nextProps.node.networkId;
|
|
}
|
|
|
|
render() {
|
|
const { networkId } = this.props.node;
|
|
|
|
this.data = networkId;
|
|
|
|
if (!networkId) {
|
|
return <td className="Column">-</td>;
|
|
}
|
|
|
|
return (
|
|
<td className="Column">
|
|
<Tooltip text={networkId} position="left" />
|
|
<Truncate text={networkId} chars={10} />
|
|
</td>
|
|
);
|
|
}
|
|
}
|