Persist widget data across reloads

packages/widgets/src/clock/use-current-time.ts

@@ -1,27 +1,4 @@
-import { useEffect, useMemo, useRef, useState } from "react";
-import dayjs from "dayjs";
+import { useWidgetNow } from "../common/use-widget-now";
 
-export const useCurrentTime = ({ showSeconds }: { showSeconds: boolean }) => {
-  const [time, setTime] = useState<Date | null>(null);
-  const timeoutRef = useRef<ReturnType<typeof setTimeout>>(null);
-  const intervalRef = useRef<ReturnType<typeof setInterval>>(null);
-  const intervalMultiplier = useMemo(() => (showSeconds ? 1 : 60), [showSeconds]);
-
-  useEffect(() => {
-    setTime(new Date());
-    timeoutRef.current = setTimeout(
-      () => {
-        setTime(new Date());
-        intervalRef.current = setInterval(() => setTime(new Date()), intervalMultiplier * 1000);
-      },
-      intervalMultiplier * 1000 - (1000 * (showSeconds ? 0 : dayjs().second()) + dayjs().millisecond()),
-    );
-
-    return () => {
-      if (timeoutRef.current) clearTimeout(timeoutRef.current);
-      if (intervalRef.current) clearInterval(intervalRef.current);
-    };
-  }, [intervalMultiplier, showSeconds]);
-
-  return time;
-};
+export const useCurrentTime = ({ showSeconds }: { showSeconds: boolean }) =>
+  useWidgetNow(showSeconds ? "second" : "minute");