Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2137 | Rev 2143 | Ir a la última revisión | | Comparar con el anterior | 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 
    >
2142 stevensc 22 
      <Box sx={{ display: 'inline-flex', flexDirection: 'column', mb: 1 }}>
2137 stevensc 23 
        <Link to={link}>
2142 stevensc 24 
          <Typography
25 
            variant='body1'
26 
            sx={{ textDecoration: 'underline', mb: 0 }}
27 
          >
2137 stevensc 28 
            {message}
29 
          </Typography>
30 
        </Link>
31 
        <Typography variant='body2'>{time_elapsed}</Typography>
32 
      </Box>
33 
 
34 
      <IconButton onClick={() => onDelete(link_delete)}>
35 
        <DeleteOutline />
36 
      </IconButton>
37 
    </Box>
38 
  )
39 
}
40 
 
41 
export default NotificationOption