Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3949 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 SharedContent = ({
 5 
const SharedContent = ({
6 
    name,
 6 
  name,
7 
    image,
 7 
  image,
8 
    timeElapse,
 8 
  timeElapse,
9 
    description,
 9 
  description,
10 
    fileVideo,
 10 
  fileVideo,
11 
    fileImagePreview,
 11 
  fileImagePreview,
12 
    fileImage,
 12 
  fileImage,
13 
    fileDocument,
 13 
  fileDocument
- 
 
 14 
}) => {
Línea 14... Línea 15...
14 
}) => {
 15 
  const [isReadMoreActive, setIsReadMoreActive] = useState(false)
Línea 15... Línea -...
15 
 
 - 
 
16 
    const [isReadMoreActive, setIsReadMoreActive] = useState(false);
 - 
 
17 
 
 16 
 
18 
    const readMoreHandler = () => setIsReadMoreActive(!isReadMoreActive)
 17 
  const readMoreHandler = () => setIsReadMoreActive(!isReadMoreActive)
19 
 
 18 
 
20 
    const htmlParsedText = (fullStringText) => {
 19 
  const htmlParsedText = (fullStringText) => {
21 
        const fullText = parse(fullStringText)
 20 
    const fullText = parse(fullStringText)
22 
        if (fullStringText.length > 500) {
 21 
    if (fullStringText.length > 500) {
23 
            const shortenedString = fullStringText.substr(0, 500);
 22 
      const shortenedString = fullStringText.substr(0, 500)
24 
            const shortenedText = parse(`${shortenedString}... `);
 23 
      const shortenedText = parse(`${shortenedString}... `)
25 
            return (
 24 
      return (
26 
                <p>
 25 
                <p>
27 
                    {isReadMoreActive ? fullText : shortenedText}
 26 
                    {isReadMoreActive ? fullText : shortenedText}
28 
                    <span className='cursor-pointer' onClick={readMoreHandler}>
 27 
                    <span className='cursor-pointer' onClick={readMoreHandler}>
29 
                        {isReadMoreActive ? " Leer menos" : " Leer más"}
 28 
                        {isReadMoreActive ? ' Leer menos' : ' Leer más'}
30 
                    </span>
 29 
                    </span>
31 
                </p>
 30 
                </p>
32 
            );
 31 
      )
Línea 33... Línea 32...
33 
        }
 32 
    }
34 
        return <p>{fullText}</p>
 33 
    return <p>{fullText}</p>
35 
    };
 34 
  }
36 
 
 35 
 
37 
    return (
 36 
  return (
38 
        <div className="shared-post-bar">
 37 
        <div className="shared-post-bar">
39 
            <div className="post-bar">
 38 
            <div className="post-bar">
40 
                <div className="post_topbar">
 39 
                <div className="post_topbar">
41 
                    <div className="usy-dt">
 40 
                    <div className="usy-dt">
42 
                        <img
 41 
                        <img
43 
                            src={image}
 42 
                            src={image}
44 
                            alt=""
 43 
                            alt=""
45 
                            style={{ width: "50px", height: "auto" }}
 44 
                            style={{ width: '50px', height: 'auto' }}
46 
                        />
 45 
                        />
Línea 73... Línea 72...
73 
                        </a>
 72 
                        </a>
74 
                    }
 73 
                    }
75 
                </div>
 74 
                </div>
76 
            </div>
 75 
            </div>
77 
        </div>
 76 
        </div>
78 
    )
 77 
  )
79 
}
 78 
}
Línea 80... Línea -...
80 
 
 - 
 
81 
export default SharedContent
 79 
 
- 
 
 80 
export default SharedContent