let rates = [
  {
    network: "harmony",
    apr: 0.1227,
    symbol: "$ONE",
  },
  {
    network: "celo",
    apr: 0.058,
    symbol: "$CELO",
  },
];

doCalc = (e) => {
  const network = $("#rewards-calculator-network").val();
  if (network) {
    const networkRate = rates.filter((r) => {
      return r.network === network;
    });
    const quantity = $("#rewards-calculator-quantity").val();
    if (quantity && networkRate && networkRate.length) {
      $("#rewards-calculator-reward").val(
        (parseFloat(quantity) * parseFloat(networkRate[0].apr)).toFixed(2) +
          " " +
          networkRate[0].symbol,
      );
    } else {
      $("#rewards-calculator-reward").val("");
    }
  } else {
    $("#rewards-calculator-reward").val("");
  }
};
$(document).ready(function () {
  // TODO: Add validation
  $("#rewards-calculator-network").change(doCalc);
  $("#rewards-calculator-quantity").change(doCalc);
  $("#rewards-calculator-quantity").keyup(doCalc);
  $("#rewards-calculator-submit").click(function () {
    alert($(this).val());
  });
});