diff --git a/frontend/src/components/List/Column/NetworkIdColumn.tsx b/frontend/src/components/List/Column/NetworkIdColumn.tsx index b3a01ea..0b13cda 100644 --- a/frontend/src/components/List/Column/NetworkIdColumn.tsx +++ b/frontend/src/components/List/Column/NetworkIdColumn.tsx @@ -18,8 +18,7 @@ import * as React from 'react'; import { Maybe } from '../../../common'; import { ColumnProps } from './'; import { Node } from '../../../state'; -import { Truncate } from '../../'; -import { Tooltip } from '../../'; +import { Tooltip, TooltipCopyCallback } from '../../'; import icon from '../../../icons/fingerprint.svg'; export class NetworkIdColumn extends React.Component { @@ -30,6 +29,7 @@ export class NetworkIdColumn extends React.Component { public static readonly sortBy = ({ networkId }: Node) => networkId || ''; private data: Maybe; + private copy: Maybe; public shouldComponentUpdate(nextProps: ColumnProps) { return this.data !== nextProps.node.networkId; @@ -45,10 +45,22 @@ export class NetworkIdColumn extends React.Component { } return ( - - - + + + {networkId} ); } + + private onCopy = (copy: TooltipCopyCallback) => { + this.copy = copy; + }; + + private onClick = (event: React.MouseEvent) => { + event.stopPropagation(); + + if (this.copy != null) { + this.copy(); + } + }; }