Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
3503 stevensc 1
/* eslint-disable react/prop-types */
2369 stevensc 2
import React, { useEffect, useState } from 'react';
1386 steven 3
import { addNotification } from '../../../redux/notification/notification.actions';
4
import { axios } from '../../../utils';
5
 
3503 stevensc 6
export default function HomeNews({
7
    containerClassName = ''
8
}) {
1386 steven 9
    const [news, setNews] = useState([])
10
    const loadNews = () => {
11
        axios.get('/helpers/posts')
12
            .then(res => {
2369 stevensc 13
                if (res.data.success) {
1386 steven 14
                    setNews(res.data.data)
15
                }
16
            })
17
            .catch(() => {
18
                addNotification({
19
                    style: "error",
20
                    msg: "Disculpe, ha ocurrido un error buscando novedades",
21
                });
22
            })
23
    }
24
    useEffect(() => {
25
        loadNews()
26
    }, [])
27
    return (
3921 stevensc 28
        <div className={`${containerClassName} peopleYouMayKnow`}>
29
            <div className="sd-title">
30
                <h3>Novedades</h3>
31
            </div>
32
            <div className="suggestions-list">
33
                {
34
                    news.map(element => {
35
                        return (
36
                            <div key={element.title} className='postsList'>
37
                                <img
38
                                    src={element.image}
39
                                    alt={`${element.title} image`}
40
                                />
41
                                <div className="d-flex flex-column ml-3" style={{ gap: '5px' }}>
42
                                    <h4>
43
                                        {element.title}
44
                                    </h4>
45
                                    <span>
46
                                        {element.date}
47
                                    </span>
1386 steven 48
                                </div>
3921 stevensc 49
                                <a
50
                                    className="btn btn-primary ml-3"
51
                                    href={element.link}
52
                                    target="_blank"
53
                                    rel="noreferrer"
54
                                    style={{ fontSize: '.9rem', borderRadius: '4px' }}
55
                                >
56
                                    MÁS INF
57
                                </a>
58
                            </div>
59
                        )
60
                    })
61
                }
1386 steven 62
            </div>
2678 stevensc 63
        </div >
1386 steven 64
    )
65
}