Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1823 | Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1 
import React from "react";
2 
import parse from "html-react-parser";
3 
 
4 
const EntityTemplate = (props) => {
5 
  const {
6 
    name,
7 
    industry,
8 
    description,
9 
    skills,
10 
    common_connection,
11 
    views,
12 
    image,
13 
    company_name,
14 
    title,
15 
    url,
16 
    followers,
17 
    company_size,
18 
  } = props.entity;
19 
  return (
20 
    <div className="post-bar">
21 
      <div className="post_topbar">
22 
        <div className="usy-dt">
23 
          <img src={image} alt="" />
24 
          <div className="usy-name">
25 
            <a target="_blank" href={url}>
26 
              <h3>{title || name}</h3>
27 
              {
28 
                !!company_name && (
29 
                  <>
30 
                    <h4> {company_name} </h4>
31 
                    {
32 
                      !!company_size && (
33 
                        <p> Empresa {company_size} </p>
34 
                      )
35 
                    }
36 
                    {
37 
                      !!industry && (
38 
                        <p> {industry} </p>
39 
                      )
40 
                    }
41 
                  </>
42 
                )
43 
              }
44 
            </a>
45 
          </div>
46 
        </div>
47 
      </div>
48 
      {
49 
        (!!industry ||!!description || !!skills) && (
50 
          <div className="job_descp">
51 
            {industry && (
52 
              <ul className="job-dt">
53 
                <li>
54 
                  <a href="#" title="">
55 
                    {industry}
56 
                  </a>
57 
                </li>
58 
              </ul>
59 
            )}
60 
 
61 
            <div className="show-read-more">
62 
              {description && parse(description)}
63 
            </div>
64 
 
65 
          {
66 
            skills && (
67 
              <ul className="skill-tags">
68 
                {
69 
                  Object.values(skills).map((skill, id) => (
70 
                    <li key={id}>
71 
                      <a href="#" title="">
72 
                        {skill}
73 
                      </a>
74 
                    </li>
75 
                  ))
76 
                }
77 
              </ul>
78 
            )
79 
          }
80 
          </div>
81 
        )
82 
      }
83 
      <div className="job-status-bar">
84 
        <ul className="like-com">
85 
          <li>
86 
            {
87 
              !company_name && typeof common_connection === 'number' && (
88 
                <p className="com text-primary">
89 
                  <i
90 
                    className="fas fa-comment-alt"
91 
                  />
92 
                  {common_connection} Conexiones comunes
93 
                </p>
94 
              )
95 
            }
96 
          </li>
97 
        </ul>
98 
        <ul className="like-com">
99 
          <li>
100 
            {
101 
              !!followers ?
102 
                  <p className="com text-primary">
103 
                    <i className="fas fa-users"></i>Seguidores {followers}
104 
                  </p>
105 
                :
106 
                  <p className="com text-primary">
107 
                    <i className="fas fa-eye"></i>Vistas {views}
108 
                  </p>
109 
            }
110 
          </li>
111 
        </ul>
112 
      </div>
113 
    </div>
114 
  );
115 
};
116 
 
117 
export default EntityTemplate;