Proyectos de Subversion LeadersLinked - SPA

Rev

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 }}
2945 stevensc 33 
      LinkComponent={url && Link}
2541 stevensc 34 
      to={url}
2282 stevensc 35 
      {...props}
36 
    >
2278 stevensc 37 
      {image ? (
38 
        <ListItemAvatar>
2947 stevensc 39 
          <Avatar src={image} alt={title} variant={avatarVariant} />
2278 stevensc 40 
        </ListItemAvatar>
41 
      ) : null}
42 
 
2947 stevensc 43 
      <ListItemText
44 
        primary={title}
45 
        secondary={subheader}
46 
        primaryTypographyProps={{}}
47 
      />
2542 stevensc 48 
    </ListItemButton>
2278 stevensc 49 
  )
50 
}
2280 stevensc 51 
 
52 
List.Item = ListItem
53 
 
54 
export default List