diff --git a/ui100/src/ApiConsole.tsx b/ui100/src/ApiConsole.tsx index e1e16eb3..1b329672 100644 --- a/ui100/src/ApiConsole.tsx +++ b/ui100/src/ApiConsole.tsx @@ -33,6 +33,7 @@ const ApiConsole = ({ logout }: ApiConsoleProps) => { const updateNodes = useApiConsoleStore((state) => state.updateNodes); const updateEdges = useApiConsoleStore((state) => state.updateEdges); const selectedNode = useApiConsoleStore((state) => state.selectedNode); + const updatePasswordRequirements = useApiConsoleStore((state) => state.updatePasswordRequirements); const [mainPanel, setMainPanel] = useState(); const [sidePanel, setSidePanel] = useState(null); const [visualizerEnabled, setVisualizerEnabled] = useState(true); @@ -50,22 +51,6 @@ const ApiConsole = ({ logout }: ApiConsoleProps) => { } }, []); - useEffect(() => { - visualizer = visualizerEnabled; - if(visualizer) { - setMainPanel(); - } else { - setMainPanel(); - } - }, [visualizerEnabled]); - - useEffect(() => { - document.addEventListener('keydown', handleKeyPress); - return () => { - document.removeEventListener('keydown', handleKeyPress); - }; - }, [handleKeyPress]); - const retrieveOverview = () => { getMetadataApi(userRef.current).overview() .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 = () => { let environments: string[] = []; let shares: string[] = []; @@ -141,6 +112,36 @@ const ApiConsole = ({ logout }: ApiConsoleProps) => { }); } + useEffect(() => { + visualizer = visualizerEnabled; + if(visualizer) { + setMainPanel(); + } else { + setMainPanel(); + } + }, [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(() => { let interval = setInterval(() => { retrieveSparklines();