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>

  );

}