Proyectos de Subversion LeadersLinked - Antes de SPA

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,
  } = props.entity;
  return (
    <div className="post-bar">
      <div className="post_topbar">
        <div className="usy-dt">
          <img src={image} alt="" />
          <div className="usy-name">
            <a target="_blank" href={url}>
              <h3>{title || name}</h3>
              {
                !!company_name && (
                  <>
                    <h4> {company_name} </h4>
                    {
                      !!company_size && (
                        <p> Empresa {company_size} </p>
                      )
                    }
                    {
                      !!industry && (
                        <p> {industry} </p>
                      )
                    }
                  </>
                )
              }
            </a>
          </div>
        </div>
      </div>
      {
        (!!industry ||!!description || !!skills) && (
          <div className="job_descp">
            {industry && (
              <ul className="job-dt">
                <li>
                  <a href="#" title="">
                    {industry}
                  </a>
                </li>
              </ul>
            )}

            <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}
                      </a>
                    </li>
                  ))
                }
              </ul>
            )
          }
          </div>
        )
      }
      <div className="job-status-bar">
        <ul className="like-com">
          <li>
            {
              !company_name && typeof common_connection === 'number' && (
                <p className="com text-primary">
                  <i
                    className="fas fa-comment-alt"
                  />
                  {common_connection} Conexiones comunes
                </p>
              )
            }
          </li>
        </ul>
        <ul className="like-com">
          <li>
            {
              !!followers ?
                  <p className="com text-primary">
                    <i className="fas fa-users"></i>Seguidores {followers}
                  </p>
                :  
                  <p className="com text-primary">
                    <i className="fas fa-eye"></i>Vistas {views}
                  </p>
            }
          </li>
        </ul>
      </div>
    </div>
  );
};

export default EntityTemplate;