Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2142 | Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
2137 stevensc 1 
import React from 'react'
2 
import { Link } from 'react-router-dom'
3 
import { Box, IconButton, Typography } from '@mui/material'
4 
import { DeleteOutline } from '@mui/icons-material'
5 
 
6 
function NotificationOption({
7 
  link_delete,
8 
  link,
9 
  message,
10 
  time_elapsed,
11 
  onDelete
12 
}) {
13 
  return (
14 
    <Box
15 
      sx={{
16 
        display: 'flex',
17 
        alignItems: 'center',
18 
        justifyContent: 'space-between',
19 
        gap: 2
20 
      }}
21 
    >
22 
      <Box sx={{ display: 'inline-flex', flexDirection: 'column' }}>
23 
        <Link to={link}>
24 
          <Typography variant='body1' sx={{ textDecoration: 'underline' }}>
25 
            {message}
26 
          </Typography>
27 
        </Link>
28 
        <Typography variant='body2'>{time_elapsed}</Typography>
29 
      </Box>
30 
 
31 
      <IconButton onClick={() => onDelete(link_delete)}>
32 
        <DeleteOutline />
33 
      </IconButton>
34 
    </Box>
35 
  )
36 
}
37 
 
38 
export default NotificationOption