Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useEffect, useState } from 'react';
import { addNotification } from '../../../redux/notification/notification.actions';
import { axios } from '../../../utils';
import styles from './HomeSection.module.scss';

export default function HomeNews({ containerClassName = '', suggestionsContainerClassName = '' }) {
    const [news, setNews] = useState([])
    const loadNews = () => {
        axios.get('/helpers/posts')
            .then(res => {
                if (res.data.success) {
                    setNews(res.data.data)
                }
            })
            .catch(() => {
                addNotification({
                    style: "error",
                    msg: "Disculpe, ha ocurrido un error buscando novedades",
                });
            })
    }
    useEffect(() => {
        loadNews()
    }, [])
    return (
        <div className={containerClassName} style={{ paddingBottom: '5%' }}>
            <div className={styles.suggestions + ' border-gray ' + suggestionsContainerClassName}>
                <div className="sd-title">
                    <h3>Novedades</h3>
                </div>
                <div className="suggestions-list">
                    {
                        news.map(element => {
                            return (
                                <div key={element.title}>
                                    <a
                                        href={element.link}
                                        target="_blank"
                                        className='text-dark'
                                    >
                                        {element.title}
                                    </a>
                                    <p>
                                        {element.date}
                                    </p>
                                </div>
                            )
                        })
                    }
                </div>
            </div>
        </div>
    )
}