extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-01-03 04:29:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

fixed some typescript lint (#724)

Browse Source
This commit is contained in:
Michael Quigley 2024-12-19 23:12:13 -05:00
parent cdfed2806b
commit f47bec6df7
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62
3 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui100/package-lock.json generated
View File

@ -22,6 +22,7 @@
},
"devDependencies": {
"@eslint/js": "^9.13.0",
"@types/d3-hierarchy": "^3.1.7",
"@types/react": "^18.3.12",
"@types/react-dom": "^18.3.1",
"@vitejs/plugin-react": "^4.3.3",
@ -1877,6 +1878,13 @@
"@types/d3-selection": "*"
}
},
"node_modules/@types/d3-hierarchy": {
"version": "3.1.7",
"resolved": "https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.7.tgz",
"integrity": "sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==",
"dev": true,
"license": "MIT"
},
"node_modules/@types/d3-interpolate": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",

1
ui100/package.json
View File

@ -24,6 +24,7 @@
},
"devDependencies": {
"@eslint/js": "^9.13.0",
"@types/d3-hierarchy": "^3.1.7",
"@types/react": "^18.3.12",
"@types/react-dom": "^18.3.1",
"@vitejs/plugin-react": "^4.3.3",

10
ui100/src/Visualizer.tsx
View File

@ -49,8 +49,8 @@ const Visualizer = ({ vov, onSelectionChanged }: VisualizerProps) => {
}
let g = tree();
if(nodes.length === 0) return { nodes, edges };
const width = 100;
const height = 40;
const width = 125;
const height = 75;
const hierarchy = stratify()
.id((node) => node.id)
.parentId((node) => edges.find((edge) => edge.target === node.id)?.source);
@ -59,9 +59,9 @@ const Visualizer = ({ vov, onSelectionChanged }: VisualizerProps) => {
return {
nodes: layout
.descendants()
.map((node) => ({ ...node.data, position: { x: node.x, y: node.y }})),
.map((node) => ({...node.data, position: {x: node.x, y: node.y}})),
edges,
}
} as VisualOverview
}
useEffect(() => {
@ -92,7 +92,7 @@ const Visualizer = ({ vov, onSelectionChanged }: VisualizerProps) => {
export default ({ vov, onSelectionChanged }: VisualizerProps) => {
return (
<Box sx={{ width: "100%" }} height={{ xs: 400, sm: 600, md: 800 }}>
<Box sx={{ width: "100%", mt: 2 }} height={{ xs: 400, sm: 600, md: 800 }}>
<ReactFlowProvider>
<Visualizer vov={vov} onSelectionChanged={onSelectionChanged} />
</ReactFlowProvider>