|
|
|
@ -52,9 +52,13 @@ export default function Home() { |
|
|
|
const getMoreStats = () => { |
|
|
|
const getMoreStats = () => { |
|
|
|
getLogs(); |
|
|
|
getLogs(); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
useEffect(() => { |
|
|
|
|
|
|
|
getMoreStats(); |
|
|
|
|
|
|
|
|
|
|
|
let intervalId = null; |
|
|
|
let intervalId = null; |
|
|
|
intervalId = setInterval(getMoreStats, FETCH_INTERVAL); |
|
|
|
intervalId = setInterval(getMoreStats, FETCH_INTERVAL); |
|
|
|
|
|
|
|
|
|
|
|
return () => { |
|
|
|
return () => { |
|
|
|
clearInterval(intervalId); |
|
|
|
clearInterval(intervalId); |
|
|
|
} |
|
|
|
} |
|
|
|
@ -90,7 +94,7 @@ export default function Home() { |
|
|
|
settingTitle = (videoQualitySettings?.length > 1) ? |
|
|
|
settingTitle = (videoQualitySettings?.length > 1) ? |
|
|
|
`${settingTitle} ${index + 1}` : settingTitle; |
|
|
|
`${settingTitle} ${index + 1}` : settingTitle; |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<Card title={settingTitle} type="inner" key={settingTitle}> |
|
|
|
<Card title={settingTitle} type="inner" key={`${settingTitle}${index}`}> |
|
|
|
<StatisticItem |
|
|
|
<StatisticItem |
|
|
|
title="Outbound Video Stream" |
|
|
|
title="Outbound Video Stream" |
|
|
|
value={videoSetting} |
|
|
|
value={videoSetting} |
|
|
|
|