Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
1386 steven 1 
import React, {useEffect, useState} from 'react';
2 
import { addNotification } from '../../../redux/notification/notification.actions';
3 
import { axios } from '../../../utils';
4 
import styles from './HomeSection.module.scss';
5 
 
2111 steven 6 
export default function HomeNews({containerClassName = '', suggestionsContainerClassName = ''}) {
1386 steven 7 
    const [news, setNews] = useState([])
8 
    const loadNews = () => {
9 
        axios.get('/helpers/posts')
10 
            .then(res => {
11 
                if(res.data.success){
12 
                    setNews(res.data.data)
13 
                }
14 
            })
15 
            .catch(() => {
16 
                addNotification({
17 
                    style: "error",
18 
                    msg: "Disculpe, ha ocurrido un error buscando novedades",
19 
                });
20 
            })
21 
    }
22 
    useEffect(() => {
23 
        loadNews()
24 
    }, [])
25 
    return (
26 
        <div
27 
            style={{
28 
                padding: '5% 0%'
29 
            }}
2111 steven 30 
            className={containerClassName}
1386 steven 31 
        >
2111 steven 32 
            <div className={styles.suggestions + ' border-gray '+suggestionsContainerClassName}>
1386 steven 33 
                <div className="sd-title">
34 
                    <h3>Novedades</h3>
35 
                </div>
36 
 
37 
                <div className="suggestions-list">
38 
                    {
39 
                        news.map(element => {
40 
                            return(
41 
                                <div
42 
                                    key={element.title}
43 
                                >
44 
                                    <a
45 
                                        href={element.link}
46 
                                        target="_blank"
47 
                                    >
48 
                                        {element.title}
49 
                                    </a>
50 
                                    <p>
51 
                                        {element.date}
52 
                                    </p>
53 
                                </div>
54 
                            )
55 
                        })
56 
                    }
57 
                </div>
58 
            </div>
59 
        </div>
60 
    )
61 
}