Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3292 | Rev 3921 | 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 (
2369 stevensc 28 
        <div className={containerClassName} style={{ paddingBottom: '5%' }}>
3503 stevensc 29 
            <div className='suggestions'>
1386 steven 30 
                <div className="sd-title">
3292 stevensc 31 
                    <h3>Novedades</h3>
1386 steven 32 
                </div>
33 
                <div className="suggestions-list">
34 
                    {
35 
                        news.map(element => {
2369 stevensc 36 
                            return (
3503 stevensc 37 
                                <div key={element.title} className='postsList'>
2932 stevensc 38 
                                    <img
39 
                                        src={element.image}
40 
                                        alt={`${element.title} image`}
41 
                                    />
2933 stevensc 42 
                                    <div className="d-flex flex-column ml-3" style={{ gap: '5px' }}>
2932 stevensc 43 
                                        <h4>
44 
                                            {element.title}
45 
                                        </h4>
46 
                                        <span>
47 
                                            {element.date}
2758 stevensc 48 
                                        </span>
49 
                                    </div>
2933 stevensc 50 
                                    <a
2939 stevensc 51 
                                        className="btn btn-primary ml-3"
2933 stevensc 52 
                                        href={element.link}
53 
                                        target="_blank"
54 
                                        rel="noreferrer"
2937 stevensc 55 
                                        style={{ fontSize: '.9rem', borderRadius: '4px' }}
2933 stevensc 56 
                                    >
57 
                                        MÁS INF
58 
                                    </a>
1386 steven 59 
                                </div>
60 
                            )
61 
                        })
62 
                    }
63 
                </div>
64 
            </div>
2678 stevensc 65 
        </div >
1386 steven 66 
    )
67 
}