luis/sysmon-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sync internal canvas dimensions to element

Browse Source
This commit is contained in:
luisdralves
2024-05-06 17:20:47 +01:00
parent c20dee969a
commit 62de8ccafa
6 changed files with 85 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/client/components/chart-cards/static.tsx
View File

@@ -1,6 +1,6 @@
import { useAnimationFrame } from '@/hooks/use-animation-frame';
import { useQuery } from '@tanstack/react-query';
import { useRef, useState } from 'react';
import { useState } from 'react';
const formatUptime = (value: number) => {
const seconds = String(Math.floor(value % 60)).padStart(2, '0');
@@ -24,14 +24,8 @@ const formatUptime = (value: number) => {
const Uptime = ({ boot_time }: Pick<StaticData, 'boot_time'>) => {
const [uptime, setUptime] = useState(formatUptime(Date.now() / 1000 - boot_time));
const lastUpdate = useRef(0);
useAnimationFrame(dt => {
lastUpdate.current += dt;
if (lastUpdate.current > 1000) {
setUptime(formatUptime(Date.now() / 1000 - boot_time));
}
});
useAnimationFrame(() => setUptime(formatUptime(Date.now() / 1000 - boot_time)), 1);
return (
<>