Proyectos de Subversion LeadersLinked - SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3505 stevensc 1 
import React from 'react';
2 
import { Link } from 'react-router-dom';
3 
import { Box, Typography } from '@mui/material';
4 
 
5 
import { Card, CardContent } from '../card';
6 
import { Menu } from '../menu';
7 
 
8 
export function CommentItem({
9 
  comment: { user_url, user_name, time_elapsed, comment: content },
10 
  onDelete,
11 
  onReport
12 
}) {
13 
  return (
14 
    <Card>
15 
      <CardContent>
16 
        <Menu>
17 
          <Menu.Item onClick={onDelete}>Delete</Menu.Item>
18 
          <Menu.Item onClick={onReport}>Report Abuse</Menu.Item>
19 
        </Menu>
20 
 
21 
        <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>
22 
          <Link to={user_url}>
23 
            <Typography variant='h3'>{user_name}</Typography>
24 
          </Link>
25 
          <Typography variant='overline'>{time_elapsed}</Typography>
26 
        </Box>
27 
 
28 
        <Typography>{content}</Typography>
29 
      </CardContent>
30 
    </Card>
31 
  );
32 
}