Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3093 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3093 Rev 3719
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react';
2 
import { Box, Chip, Typography } from '@mui/material'
 2 
import { Box, Chip, Typography } from '@mui/material';
3 
 
 3 
 
4 
import Widget from '@components/UI/Widget'
 4 
import Widget from '@components/UI/Widget';
5 
 
 5 
 
6 
export default function JobAttr({ title, info }) {
 6 
export default function JobAttr({ title, info }) {
7 
  return (
 7 
  return (
8 
    <Widget>
 8 
    <Widget>
9 
      <Widget.Header title={title} />
 9 
      <Widget.Header title={title} />
10 
      <Widget.Body>
 10 
      <Widget.Body>
11 
        {!info?.length && <Typography>Sin información</Typography>}
 11 
        {!info?.length && <Typography>Sin información</Typography>}
12 
        {info && !Array.isArray(info) && <Typography>{info}</Typography>}
 12 
        {info && !Array.isArray(info) && <Typography>{info}</Typography>}
13 
        {info && Array.isArray(info) && (
 13 
        {info && Array.isArray(info) && (
14 
          <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>
 14 
          <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>
15 
            {info.map((item) => (
 15 
            {info.map((item) => (
16 
              <Chip key={item} label={item} />
 16 
              <Chip key={item} label={item} />
17 
            ))}
 17 
            ))}
18 
          </Box>
 18 
          </Box>
19 
        )}
 19 
        )}
20 
      </Widget.Body>
 20 
      </Widget.Body>
21 
    </Widget>
 21 
    </Widget>
22 
  )
 22 
  );
23 
}
 23 
}