Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4296 Rev 4298
Línea -... Línea 1...
- 
 
 1 
/* eslint-disable react/prop-types */
1 
import React, { useState } from 'react'
 2 
import React, { useState } from 'react'
2 
import { Avatar } from '@mui/material'
 - 
 
3 
import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
 3 
import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
4 
import ExpandLessIcon from '@mui/icons-material/ExpandLess'
 4 
import ExpandLessIcon from '@mui/icons-material/ExpandLess'
5 
import StatItem from './StatItem'
 5 
import StatItem from './StatItem'
6 
import './Sidebar.css'
 6 
import './Sidebar.css'
7 
import RecentItem from './RecentItem'
 7 
import RecentItem from './RecentItem'
- 
 
 8 
import Avatar from '../../../../shared/Avatar/Avatar'
Línea 8... Línea 9...
8 
 
 9 
 
- 
 
 10 
const Sidebar = ({
- 
 
 11 
  image,
- 
 
 12 
  fullName,
- 
 
 13 
  description,
- 
 
 14 
  visits,
- 
 
 15 
  country,
- 
 
 16 
  connections,
9 
const Sidebar = () => {
 17 
}) => {
Línea 10... Línea 18...
10 
  const [display, setDisplay] = useState(false)
 18 
  const [display, setDisplay] = useState(false)
11 
 
 19 
 
Línea 12... Línea 20...
12 
  return (
 20 
  return (
13 
    <div className='sidebar'>
 21 
    <div className='sidebar'>
14 
 
 22 
 
15 
      <div className='sidebar__top'>
 23 
      <div className='sidebar__top'>
16 
        <img src='./static/profile_2.jpg' alt='Profile cover' />
 24 
        <img src='./static/profile_2.jpg' alt='Profile cover' />
17 
        <Avatar />
 25 
        <Avatar imageUrl={image} size='xl' name={fullName} />
Línea 18... Línea 26...
18 
        <h2>Stivens Carrasquel</h2>
 26 
        <h2>{fullName}</h2>
19 
        <h4>loremipsun@gmail.com</h4>
 27 
        <h4>{description}</h4>
20 
      </div>
 28 
      </div>
21 
 
 29 
 
22 
      <div className={`sidebar__options ${display && 'show'}`}>
 30 
      <div className={`sidebar__options ${display && 'show'}`}>
Línea 23... Línea -...
23 
        <div className='sidebar__stats'>
 - 
 
24 
          <StatItem title='Who viewed you' number={20} />
 31 
        <div className='sidebar__stats'>
Línea 25... Línea 32...
25 
          <StatItem title='Who viewed you' number={20} />
 32 
          <StatItem title='¿Quien ha visto tu perfil?' number={visits} />
26 
        </div>
 33 
          <StatItem title='Conexiones' number={connections} />
27 
 
 34 
        </div>