Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev Autor Línea Nro. Línea
3063 stevensc 1 
import React from 'react'
2 
import { Avatar, Typography } from '@mui/material'
3 
 
4 
import { parse } from '@utils'
5 
 
6 
import StatItem from './StatItem'
7 
import Widget from '@components/UI/Widget'
8 
 
9 
export default function GroupWidget({ group }) {
10 
  const {
11 
    cover = '',
12 
    image = '',
13 
    name = '',
14 
    overview = '',
15 
    total_members = '',
16 
    group_type = '',
17 
    accessibility = ''
18 
  } = group
19 
 
20 
  return (
21 
    <Widget>
22 
      <Widget.Media
23 
        src={cover}
24 
        alt='Profile cover'
3065 stevensc 25 
        styles={{ marginBottom: 'calc(-30px + 1rem)', height: '60px' }}
3063 stevensc 26 
      />
27 
 
3064 stevensc 28 
      <Widget.Body styles={{ textAlign: 'center' }}>
29 
        <Avatar
30 
          src={image}
31 
          name={name}
32 
          sx={{ width: 60, height: 60, margin: 'auto' }}
33 
        />
3063 stevensc 34 
        <Typography variant='h2'>{name}</Typography>
35 
        <Typography>{`${group_type} - ${accessibility}`}</Typography>
36 
        <Typography>{parse(overview)}</Typography>
37 
      </Widget.Body>
3064 stevensc 38 
 
39 
      <StatItem title='Número de miembros' number={total_members} />
3063 stevensc 40 
    </Widget>
41 
  )
42 
}