extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-01-05 05:30:16 +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": { "devDependencies": {
"@eslint/js": "^9.13.0", "@eslint/js": "^9.13.0",
"@types/d3-hierarchy": "^3.1.7",
"@types/react": "^18.3.12", "@types/react": "^18.3.12",
"@types/react-dom": "^18.3.1", "@types/react-dom": "^18.3.1",
"@vitejs/plugin-react": "^4.3.3", "@vitejs/plugin-react": "^4.3.3",
@ -1877,6 +1878,13 @@
"@types/d3-selection": "*" "@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": { "node_modules/@types/d3-interpolate": {
"version": "3.0.4", "version": "3.0.4",
"resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz", "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": { "devDependencies": {
"@eslint/js": "^9.13.0", "@eslint/js": "^9.13.0",
"@types/d3-hierarchy": "^3.1.7",
"@types/react": "^18.3.12", "@types/react": "^18.3.12",
"@types/react-dom": "^18.3.1", "@types/react-dom": "^18.3.1",
"@vitejs/plugin-react": "^4.3.3", "@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(); let g = tree();
if(nodes.length === 0) return { nodes, edges }; if(nodes.length === 0) return { nodes, edges };
const width = 100; const width = 125;
const height = 40; const height = 75;
const hierarchy = stratify() const hierarchy = stratify()
.id((node) => node.id) .id((node) => node.id)
.parentId((node) => edges.find((edge) => edge.target === node.id)?.source); .parentId((node) => edges.find((edge) => edge.target === node.id)?.source);
@ -59,9 +59,9 @@ const Visualizer = ({ vov, onSelectionChanged }: VisualizerProps) => {
return { return {
nodes: layout nodes: layout
.descendants() .descendants()
.map((node) => ({ ...node.data, position: { x: node.x, y: node.y }})), .map((node) => ({...node.data, position: {x: node.x, y: node.y}})),
edges, edges,
} } as VisualOverview
} }
useEffect(() => { useEffect(() => {
@ -92,7 +92,7 @@ const Visualizer = ({ vov, onSelectionChanged }: VisualizerProps) => {
export default ({ vov, onSelectionChanged }: VisualizerProps) => { export default ({ vov, onSelectionChanged }: VisualizerProps) => {
return ( 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> <ReactFlowProvider>
<Visualizer vov={vov} onSelectionChanged={onSelectionChanged} /> <Visualizer vov={vov} onSelectionChanged={onSelectionChanged} />
</ReactFlowProvider> </ReactFlowProvider>