Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */

import React, { useState } from 'react'

import parse from 'html-react-parser'

const FeedDescription = ({ ownerDescription }) => {

  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="show-read-more">

            {htmlParsedText(ownerDescription)}

        </div>

  )

}

export default FeedDescription