Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import React from 'react';

import {

import {

  Avatar,

  Avatar,

  List,

  List,

  ListItem,

  ListItem,

  ListItemAvatar,

  ListItemAvatar,

  ListItemButton,

  ListItemButton,

  ListItemText

  ListItemText

} from '@mui/material'

} from '@mui/material';

import EmptySection from './EmptySection'

import EmptySection from './EmptySection';

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

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

  if (!users.length) {

  if (!users.length) {

    return <EmptySection message={emptyLabel} />

    return <EmptySection message={emptyLabel} />;

  }

  }

  return (

  return (

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

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

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

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

        <ListItem key={email} disablePadding disableRipple>

        <ListItem key={email} disablePadding disableRipple>

          <ListItemButton disableRipple>

          <ListItemButton disableRipple>

            <ListItemAvatar>

            <ListItemAvatar>

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

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

            </ListItemAvatar>

            </ListItemAvatar>

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

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

          </ListItemButton>

          </ListItemButton>

        </ListItem>

        </ListItem>

      ))}

      ))}

    </List>

    </List>

  )

  );

}

}

export default UsersList

export default UsersList;