extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-02-07 22:10:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

ApiConsole refactor/reorg (#724)

Browse Source
This commit is contained in:
Michael Quigley 2025-01-27 12:38:37 -05:00
parent 2172836a11
commit e3cd4f9254
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62
1 changed files with 31 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
ui100/src/ApiConsole.tsx
View File

@ -33,6 +33,7 @@ const ApiConsole = ({ logout }: ApiConsoleProps) => {
const updateNodes = useApiConsoleStore((state) => state.updateNodes); const updateNodes = useApiConsoleStore((state) => state.updateNodes);
const updateEdges = useApiConsoleStore((state) => state.updateEdges); const updateEdges = useApiConsoleStore((state) => state.updateEdges);
const selectedNode = useApiConsoleStore((state) => state.selectedNode); const selectedNode = useApiConsoleStore((state) => state.selectedNode);
const updatePasswordRequirements = useApiConsoleStore((state) => state.updatePasswordRequirements);
const [mainPanel, setMainPanel] = useState(<Visualizer />); const [mainPanel, setMainPanel] = useState(<Visualizer />);
const [sidePanel, setSidePanel] = useState<JSX>(null); const [sidePanel, setSidePanel] = useState<JSX>(null);
const [visualizerEnabled, setVisualizerEnabled] = useState<boolean>(true); const [visualizerEnabled, setVisualizerEnabled] = useState<boolean>(true);
@ -50,22 +51,6 @@ const ApiConsole = ({ logout }: ApiConsoleProps) => {
} }
}, []); }, []);
useEffect(() => {
visualizer = visualizerEnabled;
if(visualizer) {
setMainPanel(<Visualizer />);
} else {
setMainPanel(<TabularView />);
}
}, [visualizerEnabled]);
useEffect(() => {
document.addEventListener('keydown', handleKeyPress);
return () => {
document.removeEventListener('keydown', handleKeyPress);
};
}, [handleKeyPress]);
const retrieveOverview = () => { const retrieveOverview = () => {
getMetadataApi(userRef.current).overview() getMetadataApi(userRef.current).overview()
.then(d => { .then(d => {
@ -89,20 +74,6 @@ const ApiConsole = ({ logout }: ApiConsoleProps) => {
}); });
} }
useEffect(() => {
retrieveOverview();
let mounted = true;
let interval = setInterval(() => {
if(mounted) {
retrieveOverview();
}
}, 1000);
return () => {
mounted = false;
clearInterval(interval);
}
}, []);
const retrieveSparklines = () => { const retrieveSparklines = () => {
let environments: string[] = []; let environments: string[] = [];
let shares: string[] = []; let shares: string[] = [];
@ -141,6 +112,36 @@ const ApiConsole = ({ logout }: ApiConsoleProps) => {
}); });
} }
useEffect(() => {
visualizer = visualizerEnabled;
if(visualizer) {
setMainPanel(<Visualizer />);
} else {
setMainPanel(<TabularView />);
}
}, [visualizerEnabled]);
useEffect(() => {
document.addEventListener('keydown', handleKeyPress);
return () => {
document.removeEventListener('keydown', handleKeyPress);
};
}, [handleKeyPress]);
useEffect(() => {
retrieveOverview();
let mounted = true;
let interval = setInterval(() => {
if(mounted) {
retrieveOverview();
}
}, 1000);
return () => {
mounted = false;
clearInterval(interval);
}
}, []);
useEffect(() => { useEffect(() => {
let interval = setInterval(() => { let interval = setInterval(() => {
retrieveSparklines(); retrieveSparklines();