Function StoreHealthCard

dashboard/lcm/src/StoreHealth.tsx:94–309

()

}

export function StoreHealthCard(): React.ReactElement {
  const [health, setHealth] = useState<PayloadHealthResponse | null>(null);
  const [healthLoading, setHealthLoading] = useState(false);
  const [healthError, setHealthError] = useState("");

  const [gcPreview, setGcPreview] = useState<GcResponse | null>(null);
  const [gcApplied, setGcApplied] = useState<GcResponse | null>(null);
  const [gcBusy, setGcBusy] = useState(false);
  const [gcError, setGcError] = useState("");

  const refresh = useCallback(function () {
    setHealthLoading(true);
    setHealthError("");
    fetchJSON<PayloadHealthResponse>(`${API}/payloads/health`)
      .then(function (json) {
        setHealth(json);
      })
      .catch(function (err) {
        setHealthError(friendlyError(err));
      })
      .finally(function () {
        setHealthLoading(false);
      });
  }, []);

  useEffect(
    function () {
      refresh();
    },
    [refresh],
  );

  const runPreview = useCallback(function () {
    setGcBusy(true);
    setGcError("");
    setGcApplied(null);
    fetchJSON<GcResponse>(`${API}/payloads/gc`)
      .then(function (json) {
        setGcPreview(json);
      })
      .catch(function (err) {
        setGcPreview(null);
        setGcError(friendlyError(err));
      })
      .finally(function () {
        setGcBusy(false);
      });
  }, []);

  const runApply = useCallback(
    function () {
      if (!gcPreview || !gcPreview.dry_run_token) return;
      setGcBusy(true);
      setGcError("");
      fetchJSON<GcResponse>(`${API}/payloads/gc`, {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({