Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2917 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 2917 Rev 3694
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React, { useState } from 'react';
2 
import { Link } from 'react-router-dom'
 2 
import { useSelector } from 'react-redux';
3 
import { Box, IconButton, Typography } from '@mui/material'
 3 
import DeleteOutline from '@mui/icons-material/DeleteOutline';
4 
import { DeleteOutline } from '@mui/icons-material'
 4 
import { IconButton } from '@mui/material';
Línea 5... Línea 5...
5 
 
 5 
 
6 
function NotificationOption({
 6 
import { useGoTo } from '@hooks';
7 
  link_delete,
 - 
 
8 
  link,
 - 
 
9 
  message,
 7 
import { Link } from 'react-router-dom';
10 
  time_elapsed,
 - 
 
11 
  onDelete
 8 
import { Box, Typography } from '@mui/material';
- 
 
 9 
 
12 
}) {
 10 
function NotificationOption({ link_delete, link, message, time_elapsed, onDelete }) {
13 
  return (
 11 
  return (
14 
    <Box
 12 
    <Box
15 
      sx={{
 13 
      sx={{
16 
        display: 'flex',
 14 
        display: 'flex',
Línea 19... Línea 17...
19 
        gap: 2
 17 
        gap: 2
20 
      }}
 18 
      }}
21 
    >
 19 
    >
22 
      <Box sx={{ display: 'inline-flex', flexDirection: 'column', mb: 1 }}>
 20 
      <Box sx={{ display: 'inline-flex', flexDirection: 'column', mb: 1 }}>
23 
        <Link to={link}>
 21 
        <Link to={link}>
24 
          <Typography
 - 
 
25 
            variant='body1'
 - 
 
26 
            sx={{ textDecoration: 'underline', mb: '0 !important' }}
 22 
          <Typography variant='body1' sx={{ textDecoration: 'underline', mb: '0 !important' }}>
27 
          >
 - 
 
28 
            {message}
 23 
            {message}
29 
          </Typography>
 24 
          </Typography>
30 
        </Link>
 25 
        </Link>
31 
        <Typography variant='overline'>{time_elapsed}</Typography>
 26 
        <Typography variant='overline'>{time_elapsed}</Typography>
32 
      </Box>
 27 
      </Box>
Línea 33... Línea 28...
33 
 
 28 
 
34 
      <IconButton onClick={() => onDelete(link_delete)}>
 29 
      <IconButton onClick={() => onDelete(link_delete)}>
35 
        <DeleteOutline />
 30 
        <DeleteOutline />
36 
      </IconButton>
 31 
      </IconButton>
37 
    </Box>
 32 
    </Box>
38 
  )
 33 
  );
Línea 39... Línea 34...
39 
}
 34 
}