Proyectos de Subversion LeadersLinked - SPA

import React, { useState } from 'react';

import React from 'react';

import DeleteOutline from '@mui/icons-material/DeleteOutline';

import DeleteOutline from '@mui/icons-material/DeleteOutline';

import { IconButton } from '@mui/material';

import { IconButton } from '@mui/material';

import { Link } from 'react-router-dom';

import { Link } from 'react-router-dom';

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

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

function NotificationOption({ link_delete, link, message, time_elapsed, onDelete }) {

function NotificationOption({ link_delete, link, message, time_elapsed, onDelete }) {

  return (

  return (

    <Box

    <Box

      sx={{

      sx={{

        display: 'flex',

        display: 'flex',

        alignItems: 'center',

        alignItems: 'center',

        justifyContent: 'space-between',

        justifyContent: 'space-between',

        gap: 2

        gap: 2

      }}

      }}

    >

    >

      <Box sx={{ display: 'inline-flex', flexDirection: 'column', mb: 1 }}>

      <Box sx={{ display: 'inline-flex', flexDirection: 'column', mb: 1 }}>

        <Link to={link}>

        <Link to={link}>

          <Typography variant='body1' sx={{ textDecoration: 'underline', mb: '0 !important' }}>

          <Typography variant='body1' sx={{ textDecoration: 'underline', mb: '0 !important' }}>

            {message}

            {message}

          </Typography>

          </Typography>

        </Link>

        </Link>

        <Typography variant='overline'>{time_elapsed}</Typography>

        <Typography variant='overline'>{time_elapsed}</Typography>

      </Box>

      </Box>

      <IconButton onClick={() => onDelete(link_delete)}>

      <IconButton onClick={() => onDelete(link_delete)}>

        <DeleteOutline />

        <DeleteOutline />

      </IconButton>

      </IconButton>

    </Box>

    </Box>

  );

  );

}

}

export default NotificationOption;

export default NotificationOption;