inex/index.community
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

show instance type in tooltip

Browse source
This commit is contained in:
Tao Bror Bojlén 2019-08-18 17:16:01 +02:00
parent 7469a97769
commit 92ebdc5580
No known key found for this signature in database
GPG key ID: C6EC7AAB905F9E6F
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/components/molecules/Cytoscape.tsx
View file

@ -13,7 +13,7 @@ import {
SELECTED_NODE_COLOR SELECTED_NODE_COLOR
} from "../../constants"; } from "../../constants";
import { IColorScheme } from "../../types"; import { IColorScheme } from "../../types";
import { getBuckets } from "../../util"; import { getBuckets, getTypeDisplayString } from "../../util";
const CytoscapeContainer = styled.div` const CytoscapeContainer = styled.div`
width: 100%; width: 100%;
@ -54,12 +54,12 @@ class Cytoscape extends React.PureComponent<ICytoscapeProps> {
// Setup node tooltip on hover // Setup node tooltip on hover
this.cy.nodes().forEach(n => { this.cy.nodes().forEach(n => {
const domain = n.data("id"); const tooltipContent = `${n.data("id")} (${getTypeDisplayString(n.data("type"))})`;
const ref = (n as any).popperRef(); const ref = (n as any).popperRef();
const t = tippy(ref, { const t = tippy(ref, {
animateFill: false, animateFill: false,
animation: "fade", animation: "fade",
content: domain, content: tooltipContent,
duration: 100, duration: 100,
trigger: "manual" trigger: "manual"
}); });