diff --git a/monkey/monkey_island/cc/ui/src/components/map/TelemetryLog.tsx b/monkey/monkey_island/cc/ui/src/components/map/TelemetryLog.tsx index f247bbf91..dfbcad8ff 100644 --- a/monkey/monkey_island/cc/ui/src/components/map/TelemetryLog.tsx +++ b/monkey/monkey_island/cc/ui/src/components/map/TelemetryLog.tsx @@ -1,11 +1,13 @@ import React, {useEffect, useRef, useState} from 'react'; import AuthComponent from '../AuthComponent'; +import LoadingIcon from '../ui-components/LoadingIcon'; const authComponent = new AuthComponent({}); const TelemetryLog = (props: { onStatusChange: Function }) => { + let [telemetriesLoading, setTelemetriesLoading] = useState(true); let [telemetryUpdateInProgress, setTelemetryUpdateInProgress] = useState(false); let [telemetry, setTelemetry] = useState([]); let [lastTelemetryTimestamp, setLastTelemetryTimestamp] = useState(null); @@ -36,6 +38,7 @@ const TelemetryLog = (props: { onStatusChange: Function }) => { setTelemetry(newTelem); setLastTelemetryTimestamp(res['timestamp']); setTelemetryUpdateInProgress(false); + setTelemetriesLoading(false); props.onStatusChange(); let telemConsoleRef = telemetryConsole.current; @@ -87,10 +90,11 @@ const TelemetryLog = (props: { onStatusChange: Function }) => { } return ( - <> +