Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3145 | Rev 4844 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3864 stevensc 1 
/* eslint-disable react/prop-types */
1 www 2 
import React from "react";
3 
import parse from "html-react-parser";
4 
 
5 
const EntityTemplate = (props) => {
6 
  const {
7 
    name,
8 
    industry,
9 
    description,
10 
    skills,
11 
    common_connection,
12 
    views,
13 
    image,
14 
    company_name,
15 
    title,
16 
    url,
17 
    followers,
18 
    company_size,
19 
  } = props.entity;
3864 stevensc 20 
 
1 www 21 
  return (
3864 stevensc 22 
    <div className="post-bar border-gray border-radius">
1 www 23 
      <div className="post_topbar">
1826 steven 24 
        <div className="usy-dt d-flex justify-content-start align-items-center">
2524 stevensc 25 
          <img src={image} alt="" style={{ maxWidth: '90px' }} />
1 www 26 
          <div className="usy-name">
3144 stevensc 27 
            <a target="_blank" href={url} rel="noreferrer">
1 www 28 
              <h3>{title || name}</h3>
29 
              {
30 
                !!company_name && (
31 
                  <>
32 
                    <h4> {company_name} </h4>
33 
                    {
34 
                      !!company_size && (
35 
                        <p> Empresa {company_size} </p>
36 
                      )
37 
                    }
38 
                    {
39 
                      !!industry && (
40 
                        <p> {industry} </p>
41 
                      )
42 
                    }
43 
                  </>
44 
                )
45 
              }
46 
            </a>
47 
          </div>
48 
        </div>
2275 stevensc 49 
        <hr />
50 
        {
51 
          ((!company_name && typeof common_connection === 'number') || !!followers || !!views) && (
52 
            <div className="d-flex">
53 
              <ul className="d-flex" style={{ gap: '30px' }}>
54 
                <li>
55 
                  {
56 
                    !company_name && typeof common_connection === 'number' && (
57 
                      <p className="com text-gray">
58 
                        <i
59 
                          className="fas fa-share-alt"
60 
                        />
61 
                        <small className="ml-2">
62 
                          {common_connection} comunes
63 
                        </small>
64 
                      </p>
65 
                    )
66 
                  }
67 
                </li>
68 
                <li>
69 
                  {
70 
                    !!followers && (
71 
                      <p className="com text-gray">
72 
                        <i className="fas fa-users"></i>
73 
                        <small className="ml-2">
74 
                          {followers}
75 
                        </small>
76 
                      </p>
77 
                    )
78 
                  }
79 
                  {
80 
                    views && (
81 
                      <p className="com text-gray">
82 
                        <i className="fas fa-eye"></i>
83 
                        <small className="ml-2">
84 
                          {views}
85 
                        </small>
86 
                      </p>
87 
                    )
88 
                  }
89 
                </li>
90 
              </ul>
91 
            </div>
92 
          )
93 
        }
1 www 94 
      </div>
3864 stevensc 95 
      {(!!industry || !!description || !!skills.length) &&
96 
        <div className="job_descp">
97 
          {industry && (
98 
            <ul className="job-dt ">
99 
              <li>
100 
                <a href="#" title="" className="btn btn-secondary">
101 
                  {industry}
102 
                </a>
103 
              </li>
104 
            </ul>
105 
          )}
106 
          {!!description &&
107 
            <div className="show-read-more">
108 
              {description && parse(description)}
109 
            </div>
110 
          }
111 
          {skills &&
112 
            <ul className="skill-tags">
113 
              {Object.values(skills).map((skill, id) =>
114 
                <li key={id}>
115 
                  <a href="#" title={skill} className="btn btn-tertiary" >
116 
                    {skill}
1 www 117 
                  </a>
118 
                </li>
3864 stevensc 119 
              )}
120 
            </ul>
121 
          }
122 
        </div>
1 www 123 
      }
124 
    </div>
125 
  );
126 
};
127 
 
128 
export default EntityTemplate;