Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3630 | Rev 3949 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3630 Rev 3634
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 from 'react'
3 
import parse from "html-react-parser";
 - 
 
4 
import SharedContent from './SharedContent';
 3 
import SharedContent from './SharedContent';
- 
 
 4 
import FeedDescription from './FeedDescription';
Línea 5... Línea 5...
5 
 
 5 
 
6 
const FeedContent = ({
 6 
const FeedContent = ({
7 
    showDescription = true,
 7 
    showDescription = true,
8 
    ownerFileImage,
 8 
    ownerFileImage,
Línea 12... Línea 12...
12 
    ownerDescription,
 12 
    ownerDescription,
13 
    isShare,
 13 
    isShare,
14 
    sharedItem
 14 
    sharedItem
15 
}) => {
 15 
}) => {
Línea 16... Línea -...
16 
 
 - 
 
17 
    const [isReadMoreActive, setIsReadMoreActive] = useState(false);
 - 
 
18 
 
 - 
 
19 
    const readMoreHandler = () => setIsReadMoreActive(!isReadMoreActive)
 - 
 
20 
 
 - 
 
21 
    const htmlParsedText = (fullStringText) => {
 - 
 
22 
        const fullText = parse(fullStringText)
 - 
 
23 
        if (fullStringText.length > 500) {
 - 
 
24 
            const shortenedString = fullStringText.substr(0, 500);
 - 
 
25 
            const shortenedText = parse(`${shortenedString}... `);
 - 
 
26 
            return (
 - 
 
27 
                <p>
 - 
 
28 
                    {isReadMoreActive ? fullText : shortenedText}
 - 
 
29 
                    <span className='cursor-pointer' onClick={readMoreHandler}>
 - 
 
30 
                        {isReadMoreActive ? " Leer menos" : " Leer más"}
 - 
 
31 
                    </span>
 - 
 
32 
                </p>
 - 
 
33 
            );
 - 
 
34 
        }
 - 
 
35 
        return <p>{fullText}</p>
 - 
 
36 
    };
 - 
 
37 
 
 16 
 
38 
    return (
 17 
    return (
39 
        <div className="job_descp">
 18 
        <div className="job_descp">
40 
            {showDescription &&
 - 
 
41 
                <div className="show-read-more">
 19 
            {showDescription &&
42 
                    {htmlParsedText(ownerDescription)}
 - 
 
43 
                </div>
 20 
                <FeedDescription ownerDescription={ownerDescription} />
44 
            }
 21 
            }
45 
            {ownerFileImage &&
 22 
            {ownerFileImage &&
46 
                <img src={ownerFileImage} className="Entradas" />
 23 
                <img src={ownerFileImage} className="Entradas" />
47 
            }
 24 
            }