Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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