Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5440 Rev 5944
Línea 3... Línea 3...
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'
 6 
import { useSelector } from 'react-redux'
Línea 7... Línea 7...
7 
 
 7 
 
8 
export default function HomeNews ({ currentPost }) {
 8 
export default function HomeNews({ currentPost }) {
9 
  const [news, setNews] = useState([])
 9 
  const [news, setNews] = useState([])
Línea 10... Línea 10...
10 
  const labels = useSelector(state => state.labels)
 10 
  const labels = useSelector((state) => state.labels)
- 
 
 11 
 
11 
 
 12 
  const loadNews = () => {
12 
  const loadNews = () => {
 13 
    axios
13 
    axios.get('/helpers/posts')
 14 
      .get('/helpers/posts')
14 
      .then(({ data: response }) => {
 15 
      .then(({ data: response }) => {
15 
        if (!response.success) {
 16 
        if (!response.success) {
16 
          addNotification({
 17 
          addNotification({
17 
            style: 'danger',
 18 
            style: 'danger',
18 
            msg: response.data
 19 
            msg: response.data,
19 
          })
 20 
          })
20 
        }
 21 
        }
21 
        setNews(response.data)
 22 
        setNews(response.data)
22 
      })
 23 
      })
23 
      .catch(() => {
 24 
      .catch(() => {
24 
        addNotification({
 25 
        addNotification({
25 
          style: 'danger',
 26 
          style: 'danger',
26 
          msg: 'Disculpe, ha ocurrido un error buscando novedades'
 27 
          msg: 'Disculpe, ha ocurrido un error buscando novedades',
27 
        })
 28 
        })
Línea 28... Línea 29...
28 
      })
 29 
      })
29 
  }
 30 
  }
30 
 
 31 
 
Línea 31... Línea 32...
31 
  useEffect(() => {
 32 
  useEffect(() => {
32 
    loadNews()
 33 
    loadNews()
33 
  }, [])
 34 
  }, [])
34 
 
 35 
 
35 
  return (
 36 
  return (
36 
    <div className='posts-widget'>
 37 
    <div className="posts-widget">
- 
 
 38 
      <h3>{labels.POSTS}</h3>
37 
      <h3>{labels.POSTS}</h3>
 39 
      <div className="posts-list">
38 
      <div className="posts-list">
 40 
        {!news.length ? (
39 
        {!news.length
 41 
          <EmptySection message={labels.NOT_AVAILABLE_POSTS} />
40 
          ? <EmptySection message={labels.NOT_AVAILABLE_POSTS} />
 42 
        ) : (
Línea 41... Línea 43...
41 
          : news.map(element => {
 43 
          news.map((element) => {
42 
            if (element.link.includes(currentPost)) {
 44 
            if (element.link.includes(currentPost)) {
43 
              return null
 45 
              return null
44 
            }
 46 
            }
45 
 
 47 
 
46 
            return (
 48 
            return (
47 
              <div key={element.title} className='post-item'>
 49 
              <div key={element.title} className="post-item">
48 
                <img src={element.image} alt={`${element.title} image`} />
 50 
                <img src={element.image} alt={`${element.title} image`} />
49 
                <a href={element.link} target='secondary'>
 51 
                <a href={element.link} target="secondary">
50 
                  <h4>{element.title}</h4>
 52 
                  <h4 title={element.title}>{element.title}</h4>
Línea 57... Línea 59...
57 
                >
 59 
                >
58 
                  {labels.VIEW_MORE}
 60 
                  {labels.VIEW_MORE}
59 
                </a>
 61 
                </a>
60 
              </div>
 62 
              </div>
61 
            )
 63 
            )
62 
          })}
 64 
          })
- 
 
 65 
        )}
63 
      </div>
 66 
      </div>
64 
    </div>
 67 
    </div>
65 
  )
 68 
  )
66 
}
 69 
}