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();