Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3070 Rev 3694
Línea 1... Línea 1...
1 
import React, { useMemo } from 'react'
 1 
import React, { useMemo } from 'react';
2 
import { useNavigate } from 'react-router-dom'
 2 
import { useNavigate } from 'react-router-dom';
3 
import { Box, Typography } from '@mui/material'
 3 
import { Box, Typography } from '@mui/material';
4 
import { Visibility, Group, Share } from '@mui/icons-material'
 4 
import Visibility from '@mui/icons-material/Visibility';
- 
 
 5 
import Group from '@mui/icons-material/Group';
- 
 
 6 
import Share from '@mui/icons-material/Share';
Línea 5... Línea 7...
5 
 
 7 
 
Línea 6... Línea 8...
6 
import { parse } from '@utils'
 8 
import { parse } from '@utils';
7 
 
 9 
 
Línea 8... Línea 10...
8 
import Widget from '@components/UI/Widget'
 10 
import Widget from '@components/UI/Widget';
9 
import TagsList from '@components/UI/TagsList'
 11 
import TagsList from '@components/UI/TagsList';
10 
 
 12 
 
11 
export default function SearchItem({
 13 
export default function SearchItem({
Línea 23... Línea 25...
23 
    followers,
 25 
    followers,
24 
    company_size,
 26 
    company_size,
25 
    view_common_connection
 27 
    view_common_connection
26 
  }
 28 
  }
27 
}) {
 29 
}) {
28 
  const navigate = useNavigate()
 30 
  const navigate = useNavigate();
29 
  const userSkills = useMemo(() => {
 31 
  const userSkills = useMemo(() => {
30 
    if (!skills) {
 32 
    if (!skills) {
31 
      return []
 33 
      return [];
32 
    }
 34 
    }
Línea 33... Línea 35...
33 
 
 35 
 
34 
    return Object.entries(skills).map((skill) => {
 36 
    return Object.entries(skills).map((skill) => {
35 
      return { value: skill[0], name: skill[1] }
 37 
      return { value: skill[0], name: skill[1] };
36 
    })
 38 
    });
Línea 37... Línea 39...
37 
  }, [skills])
 39 
  }, [skills]);
38 
 
 40 
 
39 
  return (
 41 
  return (
40 
    <Widget>
 42 
    <Widget>
Línea 64... Línea 66...
64 
                  <Visibility />
 66 
                  <Visibility />
65 
                  {views}
 67 
                  {views}
66 
                </Typography>
 68 
                </Typography>
67 
              ) : null}
 69 
              ) : null}
68 
            </Box>
 70 
            </Box>
69 
          )
 71 
          );
70 
        }}
 72 
        }}
71 
      />
 73 
      />
Línea 72... Línea 74...
72 
 
 74 
 
73 
      <Widget.Body>
 75 
      <Widget.Body>
Línea 76... Línea 78...
76 
        {industry && <Typography>{industry}</Typography>}
 78 
        {industry && <Typography>{industry}</Typography>}
77 
        <Typography>{parse(description)}</Typography>
 79 
        <Typography>{parse(description)}</Typography>
78 
        {userSkills.length > 0 && <TagsList tags={userSkills} />}
 80 
        {userSkills.length > 0 && <TagsList tags={userSkills} />}
79 
      </Widget.Body>
 81 
      </Widget.Body>
80 
    </Widget>
 82 
    </Widget>
81 
  )
 83 
  );
82 
}
 84 
}