Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 672 Rev 674
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import { axios } from '../../../utils'
 2 
import { axios } from '../../../utils'
3 
import VisibilityOutlinedIcon from '@mui/icons-material/VisibilityOutlined'
 3 
import { Avatar } from '@mui/material'
4 
import MapOutlinedIcon from '@mui/icons-material/MapOutlined'
 4 
import MapOutlinedIcon from '@mui/icons-material/MapOutlined'
5 
import ShareOutlinedIcon from '@mui/icons-material/ShareOutlined'
 5 
import ShareOutlinedIcon from '@mui/icons-material/ShareOutlined'
- 
 
 6 
import VisibilityOutlinedIcon from '@mui/icons-material/VisibilityOutlined'
- 
 
 7 
import styled from 'styled-components'
- 
 
 8 
 
- 
 
 9 
import Paraphrase from '../../UI/Paraphrase'
6 
import StyledContainer from '../WidgetLayout'
 10 
import StyledContainer from '../WidgetLayout'
- 
 
 11 
 
7 
import { Avatar } from '@mui/material'
 12 
const StyledProfileStatus = styled.div`
- 
 
 13 
  display: flex;
- 
 
 14 
  align-items: center;
- 
 
 15 
  justify-content: space-around;
- 
 
 16 
`
Línea 8... Línea 17...
8 
 
 17 
 
9 
export default function ProfileInfo({
 18 
export default function ProfileInfo({
10 
  image,
 19 
  image,
11 
  name,
 20 
  name,
Línea 31... Línea 40...
31 
        src={image}
 40 
        src={image}
32 
        alt={`${name} profile-image`}
 41 
        alt={`${name} profile-image`}
33 
        sx={{ margin: '0 auto', width: 100, height: 100 }}
 42 
        sx={{ margin: '0 auto', width: 100, height: 100 }}
34 
      />
 43 
      />
35 
      <h2>{name}</h2>
 44 
      <h2>{name}</h2>
36 
      {description && <p dangerouslySetInnerHTML={{ __html: description }}></p>}
 45 
      <Paraphrase>{description}</Paraphrase>
- 
 
 46 
 
37 
      <div className='user-status'>
 47 
      <StyledProfileStatus>
38 
        <div className='d-flex flex-column align-items-center'>
 48 
        <span>
39 
          <VisibilityOutlinedIcon />
 49 
          <VisibilityOutlinedIcon />
40 
          <p>{visits}</p>
 50 
          {visits}
41 
        </div>
 51 
        </span>
42 
        <div className='d-flex flex-column align-items-center'>
 52 
        <span>
43 
          <MapOutlinedIcon />
 53 
          <MapOutlinedIcon />
44 
          <p>{country}</p>
 54 
          {country}
45 
        </div>
 55 
        </span>
46 
        <div className='d-flex flex-column align-items-center'>
 56 
        <span>
47 
          <ShareOutlinedIcon />
 57 
          <ShareOutlinedIcon />
48 
          <p>{connections}</p>
 58 
          {connections}
49 
        </div>
 59 
        </span>
50 
      </div>
 60 
      </StyledProfileStatus>
- 
 
 61 
 
51 
      <ul>
 62 
      <ul>
52 
        {linkAdmin && (
 63 
        {linkAdmin && (
53 
          <li>
 64 
          <li>
54 
            <a href='#' onClick={() => getAdminUrl()}>
 65 
            <a href='#' onClick={() => getAdminUrl()}>
55 
              Administración
 66 
              Administración