Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3583 | Autoría | Comparar con el anterior | Ultima modificación | Ver Log | 

import React from 'react';
import { Avatar, Box, Typography } from '@mui/material';

export const ConversationItem = ({ conversation, onSelectConversation }) => {
  return (
    <Box
      sx={{ display: 'flex', alignItems: 'center', gap: 1 }}
      onClick={() => onSelectConversation(conversation)}
    >
      <Avatar src={conversation.image} alt={conversation.name} sizes='small' />
      <Box sx={{ display: 'flex', flexDirection: 'column' }}>
        <Typography variant='h3'>{conversation.name}</Typography>
        <Typography variant='caption'>{conversation.last_message}</Typography>
      </Box>
    </Box>
  );
};