Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2541 | Rev 2945 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
2278 stevensc 1 
import React from 'react'
2542 stevensc 2 
import { Link } from 'react-router-dom'
2278 stevensc 3 
import {
4 
  Avatar,
5 
  ListItemAvatar,
2542 stevensc 6 
  ListItemButton,
2278 stevensc 7 
  ListItemText,
2542 stevensc 8 
  List as MuiList
2278 stevensc 9 
} from '@mui/material'
10 
 
2280 stevensc 11 
export function List({ children, styles, ...props }) {
12 
  return (
13 
    <MuiList sx={styles} {...props}>
14 
      {children}
15 
    </MuiList>
16 
  )
2278 stevensc 17 
}
18 
 
19 
export function ListItem({
20 
  renderAction = () => null,
21 
  title = '',
22 
  subheader = '',
23 
  avatarVariant = 'rounded',
24 
  image = '',
2541 stevensc 25 
  url = '',
2278 stevensc 26 
  ...props
27 
}) {
28 
  return (
2542 stevensc 29 
    <ListItemButton
2282 stevensc 30 
      disableRipple
31 
      secondaryAction={renderAction()}
32 
      sx={{ gap: 1 }}
2541 stevensc 33 
      LinkComponent={url ?? Link}
34 
      to={url}
2282 stevensc 35 
      {...props}
36 
    >
2278 stevensc 37 
      {image ? (
38 
        <ListItemAvatar>
2280 stevensc 39 
          <Avatar
40 
            src={image}
41 
            alt={title}
42 
            variant={avatarVariant}
43 
            sx={{ width: 60, height: 60 }}
44 
          />
2278 stevensc 45 
        </ListItemAvatar>
46 
      ) : null}
47 
 
48 
      <ListItemText primary={title} secondary={subheader} />
2542 stevensc 49 
    </ListItemButton>
2278 stevensc 50 
  )
51 
}
2280 stevensc 52 
 
53 
List.Item = ListItem
54 
 
55 
export default List