Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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