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
            style={{
                padding: '5% 0%'
            }}
            className={containerClassName}
        >
            <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>
    )
}