Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5377 Rev 5438
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { useEffect, useState } from 'react'
 2 
import React, { useEffect, useState } from 'react'
3 
import { addNotification } from '../../../redux/notification/notification.actions'
 3 
import { addNotification } from '../../../redux/notification/notification.actions'
4 
import EmptySection from '../../../shared/empty-section/EmptySection'
 4 
import EmptySection from '../../../shared/empty-section/EmptySection'
5 
import { axios } from '../../../utils'
 5 
import { axios } from '../../../utils'
- 
 
 6 
import { useSelector } from 'react-redux'
Línea 6... Línea 7...
6 
 
 7 
 
7 
export default function HomeNews ({
 - 
 
8 
  classname = 'peopleYouMayKnow',
 - 
 
9 
  currentPost = null
 - 
 
10 
}) {
 8 
export default function HomeNews ({ currentPost }) {
- 
 
 9 
  const [news, setNews] = useState([])
- 
 
 10 
  const labels = useSelector(state => state.labels)
11 
  const [news, setNews] = useState([])
 11 
 
12 
  const loadNews = () => {
 12 
  const loadNews = () => {
13 
    axios.get('/helpers/posts')
 13 
    axios.get('/helpers/posts')
14 
      .then(({ data: response }) => {
 14 
      .then(({ data: response }) => {
15 
        if (!response.success) {
 15 
        if (!response.success) {
Línea 31... Línea 31...
31 
  useEffect(() => {
 31 
  useEffect(() => {
32 
    loadNews()
 32 
    loadNews()
33 
  }, [])
 33 
  }, [])
Línea 34... Línea 34...
34 
 
 34 
 
35 
  return (
 - 
 
36 
    <div className={classname}>
 35 
  return (
37 
      <div className="sd-title">
 36 
    <div className='posts-widget'>
38 
        <h3>{LABELS.POSTS}</h3>
 - 
 
39 
      </div>
 37 
        <h3>{labels.POSTS}</h3>
40 
      <div className="posts-list">
 38 
      <div className="posts-list">
41 
        {!news.length
 39 
        {!news.length
42 
          ? <EmptySection message={LABELS.NOT_AVAILABLE_POSTS} />
 40 
          ? <EmptySection message={labels.NOT_AVAILABLE_POSTS} />
43 
          : news.map(element => {
 41 
          : news.map(element => {
44 
            if (element.link.includes(currentPost)) {
 42 
            if (element.link.includes(currentPost)) {
45 
              return null
 43 
              return null
Línea 55... Línea 53...
55 
                <a
 53 
                <a
56 
                  className="btn btn-primary"
 54 
                  className="btn btn-primary"
57 
                  href={element.link}
 55 
                  href={element.link}
58 
                  target="secondary"
 56 
                  target="secondary"
59 
                >
 57 
                >
60 
                  {LABELS.VIEW_MORE}
 58 
                  {labels.VIEW_MORE}
61 
                </a>
 59 
                </a>
62 
              </div>
 60 
              </div>
63 
            )
 61 
            )
64 
          })}
 62 
          })}
65 
      </div>
 63 
      </div>