Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React, { useState } from 'react'
import parse from "html-react-parser";
import SharedContent from './SharedContent';

const FeedContent = ({
    showDescription = true,
    ownerFileImage,
    ownerFileVideo,
    ownerFileImagePreview,
    ownerFileDocument,
    ownerDescription,
    isShare,
    sharedItem
}) => {

    const [isReadMoreActive, setIsReadMoreActive] = useState(false);

    const readMoreHandler = () => setIsReadMoreActive(!isReadMoreActive)

    const htmlParsedText = (fullStringText) => {
        const fullText = parse(fullStringText)
        if (fullStringText.length > 500) {
            const shortenedString = fullStringText.substr(0, 500);
            const shortenedText = parse(`${shortenedString}... `);
            return (
                <p>
                    {isReadMoreActive ? fullText : shortenedText}
                    <span className='cursor-pointer' onClick={readMoreHandler}>
                        {isReadMoreActive ? " Leer menos" : " Leer más"}
                    </span>
                </p>
            );
        }
        return <p>{fullText}</p>
    };

    return (
        <div className="job_descp">
            {showDescription &&
                <div className="show-read-more">
                    {htmlParsedText(ownerDescription)}
                </div>
            }
            {ownerFileImage &&
                <img src={ownerFileImage} className="Entradas" />
            }
            {ownerFileVideo &&
                <video
                    src={ownerFileVideo}
                    controls
                    poster={ownerFileImagePreview}
                    preload="none"
                />
            }
            {ownerFileDocument &&
                <a href={ownerFileDocument} target="_blank" rel="noreferrer">
                    Descargar
                </a>
            }
            {isShare &&
                <SharedContent
                    name={sharedItem.name}
                    image={sharedItem.image}
                    timeElapse={sharedItem.time_elapse}
                    description={sharedItem.description}
                    fileVideo={sharedItem.file_video}
                    fileImagePreview={sharedItem.file_image_preview}
                    fileImage={sharedItem.file_image}
                    fileDocument={sharedItem.file_document}
                />
            }
        </div>
    )
}

export default FeedContent