Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2996 | Rev 3694 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
2854 stevensc 1 
import React from 'react'
2 
import { Avatar, styled, Typography } from '@mui/material'
3 
import {
4 
  VisibilityOutlined,
5 
  MapOutlined,
6 
  ShareOutlined
7 
} from '@mui/icons-material'
674 stevensc 8 
 
2854 stevensc 9 
import Widget from '@components/UI/Widget'
676 stevensc 10 
 
2854 stevensc 11 
const Row = styled('div')(() => ({
12 
  display: 'flex',
13 
  justifyContent: 'space-around',
14 
  alignItems: 'center'
15 
}))
674 stevensc 16 
 
5 stevensc 17 
export default function ProfileInfo({
18 
  image,
2996 stevensc 19 
  fullName,
5 stevensc 20 
  visits,
21 
  country,
2997 stevensc 22 
  connections
5 stevensc 23 
}) {
24 
  return (
2854 stevensc 25 
    <Widget>
2995 stevensc 26 
      <Widget.Body>
27 
        <Avatar
28 
          src={image}
2996 stevensc 29 
          alt={`${fullName} profile-image`}
2995 stevensc 30 
          sx={{ margin: '0 auto', width: 100, height: 100 }}
31 
        />
2997 stevensc 32 
        <Typography variant='h2' sx={{ textAlign: 'center' }}>
33 
          {fullName}
34 
        </Typography>
674 stevensc 35 
 
2995 stevensc 36 
        <Row>
37 
          <Typography variant='overline'>
38 
            <VisibilityOutlined />
39 
            {visits}
40 
          </Typography>
2854 stevensc 41 
 
2995 stevensc 42 
          <Typography variant='overline'>
43 
            <MapOutlined />
44 
            {country}
45 
          </Typography>
2854 stevensc 46 
 
2995 stevensc 47 
          <Typography variant='overline'>
48 
            <ShareOutlined />
49 
            {connections}
50 
          </Typography>
2996 stevensc 51 
        </Row>
2995 stevensc 52 
      </Widget.Body>
2854 stevensc 53 
    </Widget>
5 stevensc 54 
  )
55 
}