UserInfo.jsx 1.0KB

12345678910111213141516171819202122232425262728293031
  1. import React from 'react'
  2. export const UserInfo = props => {
  3. return (
  4. <div className='account__userinformation mr-5 ml-5 mb-5'>
  5. <div className='account__userinformation__avatar'>
  6. <img src={props.user.avatar} alt='avatar' />
  7. </div>
  8. <div className='account__userinformation__wrapper'>
  9. <div className='account__userinformation__name mb-3'>
  10. {`${props.user.firstname} ${props.user.lastname}`}
  11. </div>
  12. <a href={`mailto:${props.user.email}`} className='account__userinformation__email d-block primaryColorFontLighten mb-3'>
  13. {props.user.email}
  14. </a>
  15. <div className='account__userinformation__role mb-3'>
  16. {props.user.role}
  17. </div>
  18. { /* <div className='account__userinformation__job mb-3'>
  19. {props.user.job}
  20. </div>
  21. <a href='http://www.algoo.fr' className='account__userinformation__company primaryColorFontLighten'>
  22. {props.user.company}
  23. </a> */ }
  24. </div>
  25. </div>
  26. )
  27. }
  28. export default UserInfo