Proyectos de Subversion LeadersLinked - Antes de SPA

import React from "react";
import { useState } from "react";
import ConfirmationBox from "../../../../../../shared/confirmation-box/ConfirmationBox";

const Job = (props) => {
  // props destructuring
  const {
    title,
    status,
    employment_type,
    last_date_of_application,
    link_users,
    link_view,
    link_admin,
    link_delete,
    onDelete,
  } = props;

  // states
  const [confirmationBoxShow, setConfirmationBoxShow] = useState(false);

  const handleConfirmationBoxShow = () => {
    setConfirmationBoxShow(!confirmationBoxShow);
  };

  const handleDelete = () => {
    onDelete(link_delete);
  };
  return (
    <div className="col-lg-3 col-md-3 col-sm-6">
      <div className="company_profile_info">
        <div className="company-up-info">
          <h3>{title}</h3>
          <h4>{status}</h4>
          <h4>{employment_type}</h4>
          <h4>{last_date_of_application}</h4>
          <ul>
            {!!link_users && (
              <li>
                <a href={link_users} title="" className="follow">
                  Postulados
                </a>
              </li>
            )}
            {!!link_view && (
              <li>
                <a href={link_view} title="" className="message-us">
                  Ver empleo
                </a>
              </li>
            )}
          </ul>
        </div>
        {!!link_admin && (
          <a href={link_admin} title="" className="view-more-pro cancelButton">
            Administrar
          </a>
        )}
        {!!link_delete && (
          <div style={{ position: "relative" }}>
            <a
              href="#"
              className="cancelButton"
              onClick={(e) => {
                e.preventDefault();
                handleConfirmationBoxShow();
              }}
            >
              Borrar
            </a>
            <ConfirmationBox
              show={confirmationBoxShow}
              onClose={handleConfirmationBoxShow}
              onAccept={handleDelete}
            />
          </div>
        )}
      </div>
    </div>
  );
};

export default Job;