shoc-frontend-new/src/app/(protected)/uplifts/_components/uplift-decision-dialogs.tsx

import { RejectDialog } from "@/app/(protected)/uplifts/_components/reject-dialog";
import { RevokeDialog } from "@/app/(protected)/uplifts/_components/revoke-dialog";
import { upliftAmount } from "@/domain/uplifts/utils/uplift-amount";
import type { useUpliftApprovalController } from "@/domain/uplifts/use-cases/use-uplift-approval-controller";

export type UpliftApprovalController = ReturnType<typeof useUpliftApprovalController>;

function woFallbackNumber(target: UpliftApprovalController["rejectTarget"]): string {
  return target?.woNumber || String(target?.workOrderId ?? "");
}

export function UpliftDecisionDialogs({ controller }: { controller: UpliftApprovalController }) {
  const {
    rejectTarget,
    revokeTarget,
    rejectPending,
    revokePending,
    handleRejectConfirm,
    handleRevokeConfirm,
    closeReject,
    closeRevoke,
  } = controller;
  return (
    <>
      <RejectDialog
        open={rejectTarget != null}
        amount={rejectTarget ? upliftAmount(rejectTarget) : undefined}
        woNumber={woFallbackNumber(rejectTarget)}
        onClose={closeReject}
        onConfirm={handleRejectConfirm}
        isPending={rejectPending}
      />
      <RevokeDialog
        open={revokeTarget != null}
        amount={revokeTarget ? upliftAmount(revokeTarget) : undefined}
        woNumber={woFallbackNumber(revokeTarget)}
        onClose={closeRevoke}
        onConfirm={handleRevokeConfirm}
        isPending={revokePending}
      />
    </>
  );
}