Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import {

  Avatar,

  List,

  ListItem,

  ListItemAvatar,

  ListItemButton,

  ListItemText

} from '@mui/material'

import EmptySection from './EmptySection'

function UsersList({ users = [], emptyLabel = 'Sin usuarios encontrados' }) {

  if (!users.length) {

    return <EmptySection message={emptyLabel} />

  }

  return (

    <List sx={{ width: '100%' }}>

      {users.map(({ first_name, last_name, email, image }) => (

        <ListItem key={email} disablePadding disableRipple>

          <ListItemButton disableRipple>

            <ListItemAvatar>

              <Avatar alt={`${first_name} image`} src={image} />

            </ListItemAvatar>

            <ListItemText primary={`${first_name} ${last_name}`} />

          </ListItemButton>

        </ListItem>

      ))}

    </List>

  )

}

export default UsersList