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>

              {owner_time_elapse}

            </span>

            <AccessTimeIcon className='time__elapse-icon' />

          </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