Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1835 | Rev 2275 | 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">
1 www 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
      {
1835 steven 49
        (!!industry ||!!description || !!skills.length) && (
1 www 50
          <div className="job_descp">
51
            {industry && (
1825 steven 52
              <ul className="job-dt ">
1 www 53
                <li>
1825 steven 54
                  <a href="#" title="" className="btn btn-primary">
1 www 55
                    {industry}
56
                  </a>
57
                </li>
58
              </ul>
59
            )}
60
 
1823 steven 61
            {
62
              !!description && (
63
                <div className="show-read-more">
64
                  {description && parse(description)}
65
                </div>
66
              )
67
            }
1 www 68
 
69
          {
70
            skills && (
71
              <ul className="skill-tags">
72
                {
73
                  Object.values(skills).map((skill, id) => (
74
                    <li key={id}>
1823 steven 75
                      <a href="#" title={skill} className="btn btn-primary" >
1 www 76
                        {skill}
77
                      </a>
78
                    </li>
79
                  ))
80
                }
81
              </ul>
82
            )
83
          }
84
          </div>
85
        )
86
      }
1833 steven 87
      {
88
        ((!company_name && typeof common_connection === 'number') || !!followers || !!views) && (
89
          <div className="job-status-bar">
90
            <ul className="like-com">
91
              <li>
92
                {
93
                  !company_name && typeof common_connection === 'number' && (
94
                    <p className="com text-gray">
95
                      <i
96
                        className="fas fa-share-alt"
97
                      />
98
                      <small className="ml-2">
99
                        {common_connection} comunes
100
                      </small>
101
                    </p>
102
                  )
103
                }
104
              </li>
105
              <li>
106
                {
107
                  !!followers && (
108
                    <p className="com text-gray">
109
                      <i className="fas fa-users"></i>
110
                      <small className="ml-2">
111
                        {followers}
112
                      </small>
113
                    </p>
114
                  )
115
                }
116
                {
117
                  views && (
118
                    <p className="com text-gray">
119
                      <i className="fas fa-eye"></i>
120
                      <small className="ml-2">
121
                        {views}
122
                      </small>
123
                    </p>
124
                  )
125
                }
126
              </li>
127
            </ul>
128
          </div>
129
        )
130
      }
1 www 131
    </div>
132
  );
133
};
134
 
135
export default EntityTemplate;