mirror of
https://github.com/plausible/analytics.git
synced 2024-12-25 02:24:55 +03:00
16 lines
567 B
JavaScript
16 lines
567 B
JavaScript
|
import { useState, useEffect } from "react";
|
||
|
|
|
||
|
|
// A function component that renders an integer value of how many
|
||
|
|
// seconds have passed from the last data load on the dashboard.
|
||
|
|
// Updates the value every second when the component is visible.
|
||
|
|
export function SecondsSinceLastLoad({ lastLoadTimestamp }) {
|
||
|
|
const [timeNow, setTimeNow] = useState(new Date())
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
const interval = setInterval(() => setTimeNow(new Date()), 1000)
|
||
|
|
return () => clearInterval(interval)
|
||
|
|
}, []);
|
||
|
|
|
||
|
|
return Math.round(Math.abs(lastLoadTimestamp - timeNow) / 1000)
|
||
|
|
}
|