import * as React from "react";
import { SpecialStatus } from "farmbot";
import { t } from "../../i18next_wrapper";

interface RetryBtnProps {
  flags: boolean[];
  onClick(): void;
  status: SpecialStatus;
}

export function RetryBtn(props: RetryBtnProps) {
  const failures = props.flags.includes(false);
  const color = failures ? "red" : "green";
  const css = props.status === "SAVING" ? "yellow" : color;
  return <button className={css + " fb-button"} onClick={props.onClick}>
    {t("Check Again")}
  </button>;
}