git-subtree-dir: apps/mobile git-subtree-mainline:86f8987dffgit-subtree-split:5fa30f365f
22 lines
488 B
TypeScript
22 lines
488 B
TypeScript
import { useEffect, useState } from "react";
|
|
|
|
function formatClockTime(date: Date) {
|
|
return date.toLocaleTimeString(undefined, {
|
|
hour: "numeric",
|
|
minute: "2-digit",
|
|
});
|
|
}
|
|
|
|
export function useLiveClock() {
|
|
const [time, setTime] = useState(() => formatClockTime(new Date()));
|
|
|
|
useEffect(() => {
|
|
const tick = () => setTime(formatClockTime(new Date()));
|
|
tick();
|
|
const id = setInterval(tick, 15_000);
|
|
return () => clearInterval(id);
|
|
}, []);
|
|
|
|
return time;
|
|
}
|