import classNames from "classnames";
import React from "react";
import SimulationActions from "../../containers/simulations/SimulationActions";
import Shapes from "../../shapes/index";
import { AUTH_DESCRIPTION_MAP, AUTH_ICON_MAP } from "../../util/authorizations";
import { parseAndFormatDateTime } from "../../util/date-time";

const SimulationAuthRow = ({ simulationAuth }) => (
  <tr>
    <td className="pt-3">{simulationAuth.simulation.name}</td>
    <td className="pt-3">
      {parseAndFormatDateTime(simulationAuth.simulation.datetimeLastEdited)}
    </td>
    <td className="pt-3">
      <span
        className={classNames(
          "fa",
          "fa-" + AUTH_ICON_MAP[simulationAuth.authorizationLevel],
          "mr-2"
        )}
      />
      {AUTH_DESCRIPTION_MAP[simulationAuth.authorizationLevel]}
    </td>
    <SimulationActions simulationId={simulationAuth.simulation.id} />
  </tr>
);

SimulationAuthRow.propTypes = {
  simulationAuth: Shapes.Authorization.isRequired
};

export default SimulationAuthRow;