hk-planner/frontend/src/hooks/useVersionCheck.js
jtricerolph 18e24efbeb Add sync error logging, extend error flash, fix unload saves
- Log workforce sync errors to backend stdout so they appear in docker logs
- Extend error flash from 5s to 15s so errors are readable
- Replace sendBeacon (POST-only) with keepalive fetch (PUT) on unload —
  sendBeacon was hitting 404s on all three unload saves

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-07-22 14:19:38 +00:00

40 lines
1.3 KiB
JavaScript

import { useEffect, useState } from 'react';
const POLL_MS = 2 * 60 * 1000;
export function useVersionCheck(healthUrl) {
const [updateAvailable, setUpdateAvailable] = useState(false);
useEffect(() => {
let seenVersion = null;
async function check() {
try {
const res = await fetch(healthUrl, { cache: 'no-store' });
if (!res.ok)
return;
const data = await res.json();
const v = data.version;
if (!v)
return;
if (seenVersion === null) {
seenVersion = v;
}
else if (v !== seenVersion) {
setUpdateAvailable(true);
}
}
catch {
// network error — skip silently
}
}
check();
const interval = setInterval(check, POLL_MS);
function onVisible() {
if (document.visibilityState === 'visible')
check();
}
document.addEventListener('visibilitychange', onVisible);
return () => {
clearInterval(interval);
document.removeEventListener('visibilitychange', onVisible);
};
}, [healthUrl]);
return updateAvailable;
}