Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React, { useEffect, useState } from 'react';
import { addNotification } from '../../../redux/notification/notification.actions';
import EmptySection from '../../../shared/empty-section/EmptySection';
import { axios } from '../../../utils';

export default function HomeNews({
    classname = 'peopleYouMayKnow',
    currentPost = null
}) {
    const [news, setNews] = useState([])
    const loadNews = () => {
        axios.get('/helpers/posts')
            .then(({ data: response }) => {
                if (!response.success) {
                    addNotification({
                        style: "danger",
                        msg: response.data,
                    });
                }
                setNews(response.data)
            })
            .catch(() => {
                addNotification({
                    style: "danger",
                    msg: "Disculpe, ha ocurrido un error buscando novedades",
                });
            })
    }

    useEffect(() => {
        loadNews()
    }, [])

    return (
        <div className={classname}>
            <div className="sd-title">
                <h3>Novedades</h3>
            </div>
            <div className="suggestions-list">
                {!news.length
                    ? <EmptySection message='Aún no hay novedades disponibles' />
                    : news.map(element => {
                        if (element.link.includes(currentPost)) {
                            return null
                        }

                        return (
                            <div key={element.title} className='postsList'>
                                <img src={element.image} alt={`${element.title} image`} />
                                <div className="d-flex flex-column" style={{ gap: '.5rem' }}>
                                    <a href={element.link} target='secondary'>
                                        <h4>{element.title}</h4>
                                    </a>
                                    <span>{element.date}</span>
                                </div>
                                <a
                                    className="btn btn-primary"
                                    href={element.link}
                                    target="secondary"
                                >
                                    Ver más
                                </a>
                            </div>
                        )
                    })}
            </div>
        </div >
    )
}