Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
2369 stevensc 1 
import React, { useEffect, useState } from 'react';
1386 steven 2 
import { addNotification } from '../../../redux/notification/notification.actions';
3 
import { axios } from '../../../utils';
4 
import styles from './HomeSection.module.scss';
5 
 
2369 stevensc 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 => {
2369 stevensc 11 
                if (res.data.success) {
1386 steven 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 (
2369 stevensc 26 
        <div className={containerClassName} style={{ paddingBottom: '5%' }}>
27 
            <div className={styles.suggestions + ' border-gray ' + suggestionsContainerClassName}>
1386 steven 28 
                <div className="sd-title">
29 
                    <h3>Novedades</h3>
30 
                </div>
31 
                <div className="suggestions-list">
32 
                    {
33 
                        news.map(element => {
2369 stevensc 34 
                            return (
35 
                                <div key={element.title}>
2758 stevensc 36 
                                    <div className="d-flex align-items-center">
37 
                                        <span className='list-icon'>
38 
                                        </span>
39 
                                        <a
40 
                                            href={element.link}
41 
                                            target="_blank"
42 
                                            className='text-dark'
43 
                                        >
44 
                                            {element.title}
45 
                                        </a>
46 
                                    </div>
2678 stevensc 47 
                                    <p style={{ lineHeight: '1', marginBottom: '5px' }}>
1386 steven 48 
                                        {element.date}
49 
                                    </p>
50 
                                </div>
51 
                            )
52 
                        })
53 
                    }
54 
                </div>
55 
            </div>
2678 stevensc 56 
        </div >
1386 steven 57 
    )
58 
}