Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import React from 'react';

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

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

export const ConversationItem = ({ conversation, onSelectConversation }) => {

export const ConversationItem = ({ conversation, onSelectConversation }) => {

  return (

  return (

    <Box

    <Box

      sx={{ display: 'flex', alignItems: 'center', gap: 1 }}

      sx={{ display: 'flex', alignItems: 'center', gap: 1 }}

      onClick={() => onSelectConversation(conversation)}

      onClick={() => onSelectConversation(conversation)}

    >

    >

      <Avatar src={conversation.image} alt={conversation.name} sizes='small' />

      <Avatar src={conversation.image} alt={conversation.name} sizes='small' />

      <Box sx={{ display: 'flex', flexDirection: 'column' }}>

      <Box sx={{ display: 'flex', flexDirection: 'column' }}>

        <Typography variant='h3'>{conversation.name}</Typography>

        <Typography variant='h3'>{conversation.name}</Typography>

        <Typography variant='caption'>{conversation.last_message}</Typography>

        <Typography variant='caption'>{conversation.last_message}</Typography>

      </Box>

      </Box>

    </Box>

    </Box>

  );

  );

};

};