Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5824 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5824 Rev 5825
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import EmptySection from '../../../../shared/empty-section/EmptySection'
 2 
import EmptySection from '../../../../shared/empty-section/EmptySection'
Línea 3... Línea 3...
3 
 
 3 
 
4 
const JobAttr = ({ title, info }) => {
 - 
 
5 
  const infoTypes = {
 - 
 
6 
    string: <span>{info}</span>,
 - 
 
7 
    array: (
 - 
 
8 
      <ul>
 - 
 
9 
        {info.map((item, index) => (
 - 
 
10 
          <li key={index}>
 - 
 
11 
            <span>{item}</span>
 - 
 
12 
          </li>
 - 
 
13 
        ))}
 - 
 
14 
      </ul>
 - 
 
15 
    ),
 - 
 
16 
  }
 - 
 
17 
 
 - 
 
18 
  console.log(typeof info)
 - 
 
19 
 
 4 
const JobAttr = ({ title, info }) => {
20 
  return (
 5 
  return (
21 
    <div className="job-attr">
 6 
    <div className="job-attr">
22 
      <div className="job-attr-header">
 7 
      <div className="job-attr-header">
23 
        <h2>{title}</h2>
 8 
        <h2>{title}</h2>
24 
        {info ? (
 - 
 
25 
          infoTypes[Array.isArray(info) ? 'array' : 'string']
 - 
 
26 
        ) : (
 9 
        {!info.length ? (
- 
 
 10 
          <EmptySection message="Sin información" align="left" />
- 
 
 11 
        ) : !Array.isArray(info) ? (
- 
 
 12 
          <span>{info}</span>
- 
 
 13 
        ) : (
- 
 
 14 
          <ul>
- 
 
 15 
            {info.map((item, index) => (
- 
 
 16 
              <li key={index}>
- 
 
 17 
                <span>{item}</span>
- 
 
 18 
              </li>
- 
 
 19 
            ))}
27 
          <EmptySection message="Sin información" align="left" />
 20 
          </ul>
28 
        )}
 21 
        )}
29 
      </div>
 22 
      </div>
30 
    </div>
 23 
    </div>
31 
  )
 24 
  )