diff --git a/src/api/index.ts b/src/api/index.ts index 4e1842cf3..c5dc49581 100644 --- a/src/api/index.ts +++ b/src/api/index.ts @@ -10,7 +10,7 @@ export const initializeDigmaMessageListener = ( ) => { window.addEventListener("message", (e) => { if (isDigmaMessageEvent(e)) { - console.info("Digma message received: ", e); + console.debug("Digma message received: ", e); dispatcher.dispatch(e.data.action, e.data.payload); } }); @@ -19,18 +19,18 @@ export const initializeDigmaMessageListener = ( export const sendMessage = ( message: DigmaOutgoingMessageData ): string | undefined => { - console.info("Message to send:", message); + console.debug("Message to send:", message); if (window.sendMessageToVSCode) { window.sendMessageToVSCode(message); - console.info("Message has been sent to VS Code: ", message); + console.debug("Message has been sent to VS Code: ", message); } if (window.cefQuery) { return window.cefQuery({ request: JSON.stringify(message), onSuccess: function (response) { - console.info("cefQuery has been successfully sent: %s", response); + console.debug("cefQuery has been successfully sent: %s", response); }, onFailure: function (error_code, error_message) { console.error( diff --git a/src/components/Assets/AssetTypeList/styles.ts b/src/components/Assets/AssetTypeList/styles.ts index 274ce6267..5b11d5d34 100644 --- a/src/components/Assets/AssetTypeList/styles.ts +++ b/src/components/Assets/AssetTypeList/styles.ts @@ -4,7 +4,7 @@ export const List = styled.ul` display: flex; flex-direction: column; gap: 8px; - padding: 8px 11px 8px; + padding: 8px; margin: 0; color: ${({ theme }) => { diff --git a/src/components/Assets/index.tsx b/src/components/Assets/index.tsx index e129beb5d..4a6016738 100644 --- a/src/components/Assets/index.tsx +++ b/src/components/Assets/index.tsx @@ -64,21 +64,24 @@ export const Assets = (props: AssetsProps) => { window.sendMessageToDigma({ action: actions.GET_DATA }); - const refreshInterval = setInterval(() => { - window.sendMessageToDigma({ - action: actions.GET_DATA - }); - }, REFRESH_INTERVAL); + + let getDataTimeout: number; const handleAssetsData = (data: unknown) => { const entries = (data as AssetsData).serviceAssetsEntries; setData(groupEntries(entries)); + + getDataTimeout = window.setTimeout(() => { + window.sendMessageToDigma({ + action: actions.GET_DATA + }); + }, REFRESH_INTERVAL); }; dispatcher.addActionListener(actions.SET_DATA, handleAssetsData); return () => { - clearInterval(refreshInterval); + clearTimeout(getDataTimeout); dispatcher.removeActionListener(actions.SET_DATA, handleAssetsData); };