Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev Autor Línea Nro. Línea
3580 stevensc 1 
import React from 'react';
2 
import { Avatar, Box, Typography } from '@mui/material';
3 
 
4 
export const ConversationItem = ({ conversation, onSelectConversation }) => {
5 
  return (
6 
    <Box
7 
      sx={{ display: 'flex', alignItems: 'center', gap: 2 }}
8 
      onClick={() => onSelectConversation(conversation)}
9 
    >
3582 stevensc 10 
      <Avatar src={conversation.image} alt={conversation.name} sizes='small' />
3580 stevensc 11 
      <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>
3582 stevensc 12 
        <Typography variant='h3'>{conversation.name}</Typography>
13 
        <Typography variant='caption'>{conversation.last_message}</Typography>
3580 stevensc 14 
      </Box>
15 
    </Box>
16 
  );
17 
};