Proyectos de Subversion LeadersLinked - SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3577 stevensc 1 
import React from 'react';
2 
import { List, ListItemButton, ListItemText, Typography } from '@mui/material';
3 
 
4 
import Widget from '../../../components/UI/Widget';
5 
 
6 
const defaultProps = [
7 
  {
8 
    id: 1,
9 
    name: 'Inbox',
10 
    emailNumber: 4
11 
  },
12 
  {
13 
    id: 2,
14 
    name: 'Important',
15 
    emailNumber: 2
16 
  },
17 
  {
18 
    id: 3,
19 
    name: 'Sent',
20 
    emailNumber: 9
21 
  },
22 
  {
23 
    id: 4,
24 
    name: 'Trash',
25 
    emailNumber: 12
26 
  }
27 
];
28 
 
29 
export default function EmailLabels({ labels = defaultProps, onLabelClick }) {
30 
  return (
31 
    <Widget>
32 
      <List>
33 
        {labels.map(({ id, name, emailNumber }) => (
34 
          <ListItemButton key={id} onClick={() => onLabelClick(id)}>
35 
            <ListItemText primary={name} />
36 
            <Typography variant='overline'>{emailNumber}</Typography>
37 
          </ListItemButton>
38 
        ))}
39 
      </List>
40 
    </Widget>
41 
  );
42 
}