WebSVN – LeadersLinked - Antes de SPA – Diff – /react-webpack/app/components/feed/Feed.jsx



  isShare,
  sharedItem,
  type,
  voteUrl,
}) => {
  const labels = useSelector(({ intl }) => intl.labels)

 
  return (
    <div className="job_descp">
      {type !== 'fast-survey' && showDescription ? (

      {video && (
        <video src={video} controls poster={imagePreview} preload="none" />
      )}
      {document && (
        <a href={document} target="_blank" rel="noreferrer">
          {labels.download}
        </a>
      )}
      {isShare && (
        <Feed.Shared
          name={sharedItem.name}

    </div>
  )
}
export const FeedDescription = ({ description }) => {
  const [isReadMoreActive, setIsReadMoreActive] = useState(false)
  const labels = useSelector(({ intl }) => intl.labels)

 

  const readMoreHandler = () => setIsReadMoreActive(!isReadMoreActive)
 

      const shortenedText = parse(`${shortenedString}... `)
      return (
        <p>
          {isReadMoreActive ? fullText : shortenedText}
          <span className="cursor-pointer" onClick={readMoreHandler}>
            {isReadMoreActive ? labels.read_less : labels.read_more}
          </span>
        </p>
      )
    }
    return <p>{fullText}</p>

  video,
  imagePreview,
  document,
}) => {
  const [isReadMoreActive, setIsReadMoreActive] = useState(false)
  const labels = useSelector(({ intl }) => intl.labels)

 

  const readMoreHandler = () => setIsReadMoreActive(!isReadMoreActive)
 

      const shortenedText = parse(`${shortenedString}... `)
      return (
        <p>
          {isReadMoreActive ? fullText : shortenedText}
          <span className="cursor-pointer" onClick={readMoreHandler}>
            {isReadMoreActive ? labels.read_less : labels.read_more}
          </span>
        </p>
      )
    }
    return <p>{fullText}</p>

          {video && (
            <video src={video} controls poster={imagePreview} preload="none" />
          )}
          {document && (
            <a href={document} target="_blank" rel="noreferrer">
              {labels.download}
            </a>
          )}
        </div>
      </div>
    </div>

  feedType,
}) => {
  const [showConfirmModal, setShowConfirmModal] = useState(false)
  const [displayOption, setDisplayOption] = useState(false)
  const deleteButton = useRef(null)
 
  const labels = useSelector(({ intl }) => intl.labels)
  const dispatch = useDispatch()
 
  useOutsideClick(deleteButton, () => setDisplayOption(false))

 
  const handleShowConfirmModal = () => {
    setShowConfirmModal(!showConfirmModal)

Rev 6831	Rev 6832
Línea 302...	Línea 302...
302	`isShare,`	302	`isShare,`
303	`sharedItem,`	303	`sharedItem,`
304	`type,`	304	`type,`
305	`voteUrl,`	305	`voteUrl,`
306	`}) => {`	306	`}) => {`
307	`const labels = useSelector((state) => state.labels)`	307	`const labels = useSelector(({ intl }) => intl.labels)`
Línea 308...	Línea 308...
308		308
309	`return (`	309	`return (`
310	`<div className="job_descp">`	310	`<div className="job_descp">`
311	`{type !== 'fast-survey' && showDescription ? (`	311	`{type !== 'fast-survey' && showDescription ? (`
Línea 340...	Línea 340...
340	`{video && (`	340	`{video && (`
341	`<video src={video} controls poster={imagePreview} preload="none" />`	341	`<video src={video} controls poster={imagePreview} preload="none" />`
342	`)}`	342	`)}`
343	`{document && (`	343	`{document && (`
344	`<a href={document} target="_blank" rel="noreferrer">`	344	`<a href={document} target="_blank" rel="noreferrer">`
345	`{labels.DOWNLOAD}`	345	`{labels.download}`
346	`</a>`	346	`</a>`
347	`)}`	347	`)}`
348	`{isShare && (`	348	`{isShare && (`
349	`<Feed.Shared`	349	`<Feed.Shared`
350	`name={sharedItem.name}`	350	`name={sharedItem.name}`
Línea 359...	Línea 359...
359	`</div>`	359	`</div>`
360	`)`	360	`)`
361	`}`	361	`}`
362	`export const FeedDescription = ({ description }) => {`	362	`export const FeedDescription = ({ description }) => {`
363	`const [isReadMoreActive, setIsReadMoreActive] = useState(false)`	363	`const [isReadMoreActive, setIsReadMoreActive] = useState(false)`
364	`const labels = useSelector((state) => state.labels)`	364	`const labels = useSelector(({ intl }) => intl.labels)`
Línea 365...	Línea 365...
365		365
Línea 366...	Línea 366...
366	`const readMoreHandler = () => setIsReadMoreActive(!isReadMoreActive)`	366	`const readMoreHandler = () => setIsReadMoreActive(!isReadMoreActive)`
367		367
Línea 372...	Línea 372...
372	const shortenedText = parse(`${shortenedString}... `)	372	const shortenedText = parse(`${shortenedString}... `)
373	`return (`	373	`return (`
374	`<p>`	374	`<p>`
375	`{isReadMoreActive ? fullText : shortenedText}`	375	`{isReadMoreActive ? fullText : shortenedText}`
376	`<span className="cursor-pointer" onClick={readMoreHandler}>`	376	`<span className="cursor-pointer" onClick={readMoreHandler}>`
377	`{isReadMoreActive ? labels.READ_LESS : labels.READ_MORE}`	377	`{isReadMoreActive ? labels.read_less : labels.read_more}`
378	`</span>`	378	`</span>`
379	`</p>`	379	`</p>`
380	`)`	380	`)`
381	`}`	381	`}`
382	`return <p>{fullText}</p>`	382	`return <p>{fullText}</p>`
Línea 393...	Línea 393...
393	`video,`	393	`video,`
394	`imagePreview,`	394	`imagePreview,`
395	`document,`	395	`document,`
396	`}) => {`	396	`}) => {`
397	`const [isReadMoreActive, setIsReadMoreActive] = useState(false)`	397	`const [isReadMoreActive, setIsReadMoreActive] = useState(false)`
398	`const labels = useSelector((state) => state.labels)`	398	`const labels = useSelector(({ intl }) => intl.labels)`
Línea 399...	Línea 399...
399		399
Línea 400...	Línea 400...
400	`const readMoreHandler = () => setIsReadMoreActive(!isReadMoreActive)`	400	`const readMoreHandler = () => setIsReadMoreActive(!isReadMoreActive)`
401		401
Línea 406...	Línea 406...
406	const shortenedText = parse(`${shortenedString}... `)	406	const shortenedText = parse(`${shortenedString}... `)
407	`return (`	407	`return (`
408	`<p>`	408	`<p>`
409	`{isReadMoreActive ? fullText : shortenedText}`	409	`{isReadMoreActive ? fullText : shortenedText}`
410	`<span className="cursor-pointer" onClick={readMoreHandler}>`	410	`<span className="cursor-pointer" onClick={readMoreHandler}>`
411	`{isReadMoreActive ? labels.READ_LESS : labels.READ_MORE}`	411	`{isReadMoreActive ? labels.read_less : labels.read_more}`
412	`</span>`	412	`</span>`
413	`</p>`	413	`</p>`
414	`)`	414	`)`
415	`}`	415	`}`
416	`return <p>{fullText}</p>`	416	`return <p>{fullText}</p>`
Línea 434...	Línea 434...
434	`{video && (`	434	`{video && (`
435	`<video src={video} controls poster={imagePreview} preload="none" />`	435	`<video src={video} controls poster={imagePreview} preload="none" />`
436	`)}`	436	`)}`
437	`{document && (`	437	`{document && (`
438	`<a href={document} target="_blank" rel="noreferrer">`	438	`<a href={document} target="_blank" rel="noreferrer">`
439	`{labels.DOWNLOAD}`	439	`{labels.download}`
440	`</a>`	440	`</a>`
441	`)}`	441	`)}`
442	`</div>`	442	`</div>`
443	`</div>`	443	`</div>`
444	`</div>`	444	`</div>`
Línea 455...	Línea 455...
455	`feedType,`	455	`feedType,`
456	`}) => {`	456	`}) => {`
457	`const [showConfirmModal, setShowConfirmModal] = useState(false)`	457	`const [showConfirmModal, setShowConfirmModal] = useState(false)`
458	`const [displayOption, setDisplayOption] = useState(false)`	458	`const [displayOption, setDisplayOption] = useState(false)`
459	`const deleteButton = useRef(null)`	459	`const deleteButton = useRef(null)`
460		-
461	`const labels = useSelector(({ intl }) => intl.labels)`	460	`const labels = useSelector(({ intl }) => intl.labels)`
462	`const dispatch = useDispatch()`	461	`const dispatch = useDispatch()`
463		-
464	`useOutsideClick(deleteButton, () => setDisplayOption(false))`	462	`useOutsideClick(deleteButton, () => setDisplayOption(false))`
Línea 465...	Línea 463...
465		463
466	`const handleShowConfirmModal = () => {`	464	`const handleShowConfirmModal = () => {`
467	`setShowConfirmModal(!showConfirmModal)`	465	`setShowConfirmModal(!showConfirmModal)`

Proyectos de Subversion LeadersLinked - Antes de SPA

(root)/react-webpack/app/components/feed/Feed.jsx – Rev 6831 → 6832