Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from 'react'
import ThumbUpAltOutlinedIcon from '@mui/icons-material/ThumbUpAltOutlined'
import ChatOutlinedIcon from '@mui/icons-material/ChatOutlined'
import ShareOutlinedIcon from '@mui/icons-material/ShareOutlined'
import SendOutlinedIcon from '@mui/icons-material/SendOutlined'
import InputOption from './InputOption'
import parse from 'html-react-parser'
import Avatar from '../../../../shared/Avatar/Avatar'
import AccessTimeIcon from '@mui/icons-material/AccessTime';

const Feed = ({
  feed_is_liked,
  feed_like_url,
  feed_unlike_url,
  feed_share_url,
  feed_share_external_url,
  feed_delete_url,
  feed_content_type,
  feed_likes,
  feed_highlighted,
  owner_url,
  owner_image,
  owner_name,
  owner_description,
  owner_shared,
  owner_comments,
  owner_time_elapse,
  owner_file_image_preview,
  owner_file_video,
  owner_file_image,
  owner_file_document,
  comment_add_url,
  comments
}) => {
  return (
    <div className='feed'>

      <div className='feed__header'>

        <Avatar
          imageUrl={owner_image}
          name={owner_name}
          size='xl'
        />
        <div className='feed__info'>
          <h2>{owner_name}</h2>
          <div className='time_elapse'>
            <span className="update">
              {owner_time_elapse}
            </span>
            <AccessTimeIcon />
          </div>
        </div>

      </div>

      <div className='feed__body'>
        <p>{parse(owner_description)}</p>
        {owner_file_image &&
          <img src={owner_file_image} className="Entradas" loading='lazy' />
        }
        {owner_file_video &&
          <video
            src={owner_file_video}
            controls
            poster={owner_file_image_preview}
            preload="none"
          />
        }
        {owner_file_document &&
          <a href={owner_file_document} target="_blank" rel="noreferrer">
            Descargar
          </a>
        }
      </div>

      <div className='feed__buttons'>
        <InputOption Icon={ThumbUpAltOutlinedIcon} title='Like' />
        <InputOption Icon={ChatOutlinedIcon} title='Comment' />
        <InputOption Icon={ShareOutlinedIcon} title='Share' />
        <InputOption Icon={SendOutlinedIcon} title='Send' />
      </div>

    </div>
  )
}

export default Feed