Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2524 | Rev 3145 | Ir a la última revisión | | Comparar con el anterior | 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 (
1823 steven 20 
    <div className="post-bar mb-4 mt-3 border-gray border-radius">
1 www 21 
      <div className="post_topbar">
1826 steven 22 
        <div className="usy-dt d-flex justify-content-start align-items-center">
2524 stevensc 23 
          <img src={image} alt="" style={{ maxWidth: '90px' }} />
1 www 24 
          <div className="usy-name">
3144 stevensc 25 
            <a target="_blank" href={url} rel="noreferrer">
1 www 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>
2275 stevensc 47 
        <hr />
48 
        {
49 
          ((!company_name && typeof common_connection === 'number') || !!followers || !!views) && (
50 
            <div className="d-flex">
51 
              <ul className="d-flex" style={{ gap: '30px' }}>
52 
                <li>
53 
                  {
54 
                    !company_name && typeof common_connection === 'number' && (
55 
                      <p className="com text-gray">
56 
                        <i
57 
                          className="fas fa-share-alt"
58 
                        />
59 
                        <small className="ml-2">
60 
                          {common_connection} comunes
61 
                        </small>
62 
                      </p>
63 
                    )
64 
                  }
65 
                </li>
66 
                <li>
67 
                  {
68 
                    !!followers && (
69 
                      <p className="com text-gray">
70 
                        <i className="fas fa-users"></i>
71 
                        <small className="ml-2">
72 
                          {followers}
73 
                        </small>
74 
                      </p>
75 
                    )
76 
                  }
77 
                  {
78 
                    views && (
79 
                      <p className="com text-gray">
80 
                        <i className="fas fa-eye"></i>
81 
                        <small className="ml-2">
82 
                          {views}
83 
                        </small>
84 
                      </p>
85 
                    )
86 
                  }
87 
                </li>
88 
              </ul>
89 
            </div>
90 
          )
91 
        }
1 www 92 
      </div>
93 
      {
3144 stevensc 94 
        (industry || description || skills.length) && (
1 www 95 
          <div className="job_descp">
96 
            {industry && (
1825 steven 97 
              <ul className="job-dt ">
1 www 98 
                <li>
3144 stevensc 99 
                  <a href="#" title="" className="btn btn-secondary">
1 www 100 
                    {industry}
101 
                  </a>
102 
                </li>
103 
              </ul>
104 
            )}
105 
 
1823 steven 106 
            {
107 
              !!description && (
108 
                <div className="show-read-more">
109 
                  {description && parse(description)}
110 
                </div>
111 
              )
112 
            }
1 www 113 
 
2275 stevensc 114 
            {
115 
              skills && (
116 
                <ul className="skill-tags">
117 
                  {
118 
                    Object.values(skills).map((skill, id) => (
119 
                      <li key={id}>
3144 stevensc 120 
                        <a href="#" title={skill} className="btn btn-tertiary" >
2275 stevensc 121 
                          {skill}
122 
                        </a>
123 
                      </li>
124 
                    ))
125 
                  }
126 
                </ul>
127 
              )
128 
            }
1 www 129 
          </div>
130 
        )
131 
      }
132 
    </div>
133 
  );
134 
};
135 
 
136 
export default EntityTemplate;