Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { useNavigate } from 'react-router-dom';
import {
  Avatar,
  // Checkbox,
  List,
  ListItem,
  ListItemButton,
  // ListItemIcon,
  ListItemText,
  Typography
} from '@mui/material';

import Widget from '../../../components/UI/Widget';

export default function EmailList({ emails = [] }) {
  const navigate = useNavigate();

  return (
    <Widget>
      <List>
        {emails.map(({ email_id, name, subject, date, image }, index) => (
          <ListItem
            key={email_id}
            disablePadding
            sx={{
              borderBottom: `${index + 1 === emails.length ? 0 : '1px'} solid var(--border-primary)`
            }}
          >
            <ListItemButton onClick={() => navigate(email_id)} dense>
              {/* <ListItemIcon>
                <Checkbox
                  edge='start'
                  checked={checked === uuid}
                  tabIndex={-1}
                  disableRipple
                  inputProps={{ 'aria-labelledby': uuid }}
                />
              </ListItemIcon> */}
              <Avatar src={image} alt={name} sx={{ marginRight: 0.5 }} />
              <ListItemText id={email_id} primary={name + ' - ' + subject} />
              <Typography variant='overline'>{date}</Typography>
            </ListItemButton>
          </ListItem>
        ))}
      </List>
    </Widget>
  );
}