Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from "react";
import parse from "html-react-parser";

const EntityTemplate = (props) => {
  const {
    name,
    industry,
    description,
    skills,
    common_connection,
    views,
    image,
    company_name,
    title,
    url,
    followers,
    company_size,
    view_common_connection
  } = props.entity;

  return (
    <div className="post-bar border-gray border-radius">
      <div className="post_topbar">
        <div className="usy-dt d-flex justify-content-start align-items-center">
          <img src={image} alt="" style={{ maxWidth: '90px' }} />
          <div className="usy-name">
            <a target="_blank" href={url} rel="noreferrer">
              <h3>{title || name}</h3>
              {
                !!company_name && (
                  <>
                    <h4> {company_name} </h4>
                    {
                      !!company_size && (
                        <p> Empresa {company_size} </p>
                      )
                    }
                    {
                      !!industry && (
                        <p> {industry} </p>
                      )
                    }
                  </>
                )
              }
            </a>
          </div>
        </div>
        <hr />
        {
          ((!company_name && typeof common_connection === 'number') || !!followers || !!views) && (
            <div className="d-flex">
              <ul className="d-flex" style={{ gap: '30px' }}>
                <li>
                  {
                    !company_name && typeof common_connection === 'number' && (
                      <p className="com text-gray">
                        <i
                          className="fas fa-share-alt"
                        />
                        {view_common_connection &&
                          <small className="ml-2">
                            {common_connection} comunes
                          </small>
                        }
                      </p>
                    )
                  }
                </li>
                <li>
                  {
                    !!followers && (
                      <p className="com text-gray">
                        <i className="fas fa-users"></i>
                        <small className="ml-2">
                          {followers}
                        </small>
                      </p>
                    )
                  }
                  {
                    views && (
                      <p className="com text-gray">
                        <i className="fas fa-eye"></i>
                        <small className="ml-2">
                          {views}
                        </small>
                      </p>
                    )
                  }
                </li>
              </ul>
            </div>
          )
        }
      </div>
      {(!!industry || !!description || !!skills.length) &&
        <div className="job_descp">
          {industry && (
            <ul className="job-dt ">
              <li>
                <a href="#" title="" className="btn btn-secondary">
                  {industry}
                </a>
              </li>
            </ul>
          )}
          {!!description &&
            <div className="show-read-more">
              {description && parse(description)}
            </div>
          }
          {skills &&
            <ul className="skill-tags">
              {Object.values(skills).map((skill, id) =>
                <li key={id}>
                  <a href="#" title={skill} className="btn btn-tertiary" >
                    {skill}
                  </a>
                </li>
              )}
            </ul>
          }
        </div>
      }
    </div>
  );
};

export default EntityTemplate;