Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2838 | Rev 2891 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
2838 stevensc 1 
import React, { useState } from 'react'
2850 stevensc 2 
import { Typography } from '@mui/material'
2838 stevensc 3 
import parse from 'html-react-parser'
4 
 
5 
export default function FeedDescription({ description }) {
6 
  const [showMore, setShowMore] = useState(false)
2850 stevensc 7 
  const text = description.replace(/<\/?p>/g, '')
2838 stevensc 8 
 
9 
  const toggleShowMore = () => setShowMore(!showMore)
10 
 
11 
  if (description.length > 120) {
2850 stevensc 12 
    return (
13 
      <Typography onClickCapture={toggleShowMore}>
14 
        {parse(showMore ? text : text.slice(0, 120))}
2838 stevensc 15 
 
2850 stevensc 16 
        <Typography variant='body2' sx={{ cursor: 'pointer' }}>
17 
          {showMore ? ' ver menos' : '... ver más'}
18 
        </Typography>
19 
      </Typography>
2838 stevensc 20 
    )
21 
  }
22 
 
2850 stevensc 23 
  return <Typography>{parse(text)}</Typography>
2838 stevensc 24 
}