Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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