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

import { UserEdit } from "./userEdit"

export const User = ({
  id,
  admin,
  activated,
  name,
  polochonActivated,
  polochonUrl,
  polochonName,
  polochonId,
  token,
}) => {
  return (
    <tr>
      <td>{id}</td>
      <td>{name}</td>
      <td>
        <span className={activated ? "fa fa-check" : "fa fa-times text-danger"}></span>
      </td>
      <td>
        <span className={admin ? "fa fa-check" : "fa fa-times"}></span>
      </td>
      <td>
        {polochonName !== "" ? polochonName : "-"}
        {polochonUrl !== "" &&
          <small className="ml-1">({polochonUrl})</small>
        }
      </td>
      <td>{token}</td>
      <td>
        <span className={polochonActivated ? "fa fa-check" : "fa fa-times text-danger"}></span>
      </td>
      <td>
        <UserEdit
          id={id}
          admin={admin}
          activated={activated}
          polochonActivated={polochonActivated}
          polochonToken={token}
          polochonId={polochonId}
        />
      </td>
    </tr>
  );
}
User.propTypes = {
  id: PropTypes.string,
  name: PropTypes.string,
  polochonId: PropTypes.string,
  polochonUrl: PropTypes.string,
  polochonName: PropTypes.string,
  token: PropTypes.string,
  admin: PropTypes.bool,
  activated: PropTypes.bool,
  polochonActivated: PropTypes.bool,
};