import React from "react";
import PropTypes from "prop-types";
import moment from "moment";

const prettyDate = (input) => {
  if (typeof input !== "string" || input === "") {
    return input;
  }

  const date = moment(input, "YYYY-MM-DD HH:mm:ss Z");
  if (!date.isValid()) {
    return "";
  }

  let output = date.format("DD/MM/YYYY");

  if (date > moment().subtract(1, "month") && date < moment().add(1, "month")) {
    output += " (" + date.fromNow() + ")";
  }

  return output;
};

export const ReleaseDate = ({ date }) => {
  const formattedDate = prettyDate(date);
  if (formattedDate === "") {
    return null;
  }

  return (
    <span>
      <i className="fa fa-calendar mr-1" />
      {formattedDate}
    </span>
  );
};
ReleaseDate.propTypes = {
  date: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
};
ReleaseDate.defaultProps = { date: "" };