Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import React from 'react';

import { Link } from 'react-router-dom';

import { Link } from 'react-router-dom';

import {

import {

  Avatar,

  Avatar,

  ListItem as MuiListItem,

  ListItem as MuiListItem,

  ListItemAvatar,

  ListItemAvatar,

  ListItemButton,

  ListItemButton,

  ListItemSecondaryAction,

  ListItemSecondaryAction,

  ListItemText

  ListItemText

} from '@mui/material';

} from '@mui/material';

export const ListItem = ({ image, title, subtitle, url, onClick, renderAction }) => {

export const ListItem = ({ image, title, subtitle, url, onClick, renderAction }) => {

  return (

  return (

    <MuiListItem disablePadding disableRipple>

    <MuiListItem disablePadding disableRipple>

      <ListItemButton

      <ListItemButton

        disableRipple

        disableRipple

        onClick={onClick}

        onClick={onClick}

        LinkComponent={url ? Link : undefined}

        LinkComponent={url ? Link : undefined}

        to={url || undefined}

        to={url || undefined}

      >

      >

        <ListItemAvatar>

        <ListItemAvatar>

          <Avatar alt={`${title} image`} src={image} />

          <Avatar alt={`${title} image`} src={image} />

        </ListItemAvatar>

        </ListItemAvatar>

        <ListItemText primary={title} secondary={subtitle} />

        <ListItemText primary={title} secondary={subtitle} />

        <ListItemSecondaryAction>{renderAction && renderAction()}</ListItemSecondaryAction>

        <ListItemSecondaryAction>{renderAction && renderAction()}</ListItemSecondaryAction>

      </ListItemButton>

      </ListItemButton>

    </MuiListItem>

    </MuiListItem>

  );

  );

};

};