"use client";

import { useState } from "react";
import { retryAllFailedAction } from "../actions";

// Re-run every currently-listed failed job that has a replay descriptor. Shown
// only when there's at least one such job (the page decides).
export function RetryAllFailedButton() {
  const [busy, setBusy] = useState(false);
  return (
    <button
      type="button"
      disabled={busy}
      onClick={async () => {
        setBusy(true);
        try {
          await retryAllFailedAction();
        } finally {
          setBusy(false);
        }
      }}
      className="px-3 py-1.5 rounded border border-info/30 text-sm font-medium text-info hover:bg-info-soft disabled:opacity-50"
    >
      {busy ? "Retrying…" : "Retry all failed"}
    </button>
  );
}