Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3634 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3634 Rev 5115
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { useState } from 'react'
 2 
import React, { useState } from 'react'
3 
import parse from "html-react-parser";
 3 
import parse from 'html-react-parser'
Línea 4... Línea 4...
4 
 
 4 
 
- 
 
 5 
const FeedDescription = ({ ownerDescription }) => {
Línea 5... Línea 6...
5 
const FeedDescription = ({ ownerDescription }) => {
 6 
  const [isReadMoreActive, setIsReadMoreActive] = useState(false)
Línea 6... Línea -...
6 
 
 - 
 
7 
    const [isReadMoreActive, setIsReadMoreActive] = useState(false);
 - 
 
8 
 
 7 
 
9 
    const readMoreHandler = () => setIsReadMoreActive(!isReadMoreActive)
 8 
  const readMoreHandler = () => setIsReadMoreActive(!isReadMoreActive)
10 
 
 9 
 
11 
    const htmlParsedText = (fullStringText) => {
 10 
  const htmlParsedText = (fullStringText) => {
12 
        const fullText = parse(fullStringText)
 11 
    const fullText = parse(fullStringText)
13 
        if (fullStringText.length > 500) {
 12 
    if (fullStringText.length > 500) {
14 
            const shortenedString = fullStringText.substr(0, 500);
 13 
      const shortenedString = fullStringText.substr(0, 500)
15 
            const shortenedText = parse(`${shortenedString}... `);
 14 
      const shortenedText = parse(`${shortenedString}... `)
16 
            return (
 15 
      return (
17 
                <p>
 16 
                <p>
18 
                    {isReadMoreActive ? fullText : shortenedText}
 17 
                    {isReadMoreActive ? fullText : shortenedText}
19 
                    <span className='cursor-pointer' onClick={readMoreHandler}>
 18 
                    <span className='cursor-pointer' onClick={readMoreHandler}>
20 
                        {isReadMoreActive ? " Leer menos" : " Leer más"}
 19 
                        {isReadMoreActive ? ' Leer menos' : ' Leer más'}
21 
                    </span>
 20 
                    </span>
22 
                </p>
 21 
                </p>
23 
            );
 22 
      )
24 
        }
 23 
    }
25 
        return <p>{fullText}</p>
 24 
    return <p>{fullText}</p>
26 
    };
 25 
  }
27 
    return (
 26 
  return (
28 
        <div className="show-read-more">
 27 
        <div className="show-read-more">
29 
            {htmlParsedText(ownerDescription)}
 28 
            {htmlParsedText(ownerDescription)}
Línea 30... Línea -...
30 
        </div>
 - 
 
31 
    )
 29 
        </div>
- 
 
 30 
  )