diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 6cb2c89..f6f1c33 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -25,14 +25,18 @@ function formatUptime(seconds: number): string { export function Header({ hostname, platform, arch, uptime, loadAvg, processCount }: HeaderProps) { const [sessionStartTime] = useState(() => Date.now()); const [elapsedSeconds, setElapsedSeconds] = useState(0); + const [currentTime, setCurrentTime] = useState(new Date()); useEffect(() => { const interval = setInterval(() => { setElapsedSeconds(Math.floor((Date.now() - sessionStartTime) / 1000)); + setCurrentTime(new Date()); }, 1000); return () => clearInterval(interval); }, [sessionStartTime]); + const timeString = `${currentTime.getHours().toString().padStart(2, '0')}:${currentTime.getMinutes().toString().padStart(2, '0')}:${currentTime.getSeconds().toString().padStart(2, '0')}`; + return (