Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3503 | Rev 4088 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3503 Rev 3921
Línea 23... Línea 23...
23 
    }
 23 
    }
24 
    useEffect(() => {
 24 
    useEffect(() => {
25 
        loadNews()
 25 
        loadNews()
26 
    }, [])
 26 
    }, [])
27 
    return (
 27 
    return (
28 
        <div className={containerClassName} style={{ paddingBottom: '5%' }}>
 28 
        <div className={`${containerClassName} peopleYouMayKnow`}>
29 
            <div className='suggestions'>
 - 
 
30 
                <div className="sd-title">
 29 
            <div className="sd-title">
31 
                    <h3>Novedades</h3>
 30 
                <h3>Novedades</h3>
32 
                </div>
 31 
            </div>
33 
                <div className="suggestions-list">
 32 
            <div className="suggestions-list">
34 
                    {
 33 
                {
35 
                        news.map(element => {
 34 
                    news.map(element => {
36 
                            return (
 35 
                        return (
37 
                                <div key={element.title} className='postsList'>
 36 
                            <div key={element.title} className='postsList'>
38 
                                    <img
 37 
                                <img
39 
                                        src={element.image}
 38 
                                    src={element.image}
40 
                                        alt={`${element.title} image`}
 39 
                                    alt={`${element.title} image`}
41 
                                    />
 40 
                                />
42 
                                    <div className="d-flex flex-column ml-3" style={{ gap: '5px' }}>
 41 
                                <div className="d-flex flex-column ml-3" style={{ gap: '5px' }}>
43 
                                        <h4>
 42 
                                    <h4>
44 
                                            {element.title}
 43 
                                        {element.title}
45 
                                        </h4>
 44 
                                    </h4>
46 
                                        <span>
 45 
                                    <span>
47 
                                            {element.date}
 46 
                                        {element.date}
48 
                                        </span>
 - 
 
49 
                                    </div>
 - 
 
50 
                                    <a
 - 
 
51 
                                        className="btn btn-primary ml-3"
 - 
 
52 
                                        href={element.link}
 - 
 
53 
                                        target="_blank"
 - 
 
54 
                                        rel="noreferrer"
 - 
 
55 
                                        style={{ fontSize: '.9rem', borderRadius: '4px' }}
 - 
 
56 
                                    >
 - 
 
57 
                                        MÁS INF
 - 
 
58 
                                    </a>
 47 
                                    </span>
59 
                                </div>
 48 
                                </div>
- 
 
 49 
                                <a
- 
 
 50 
                                    className="btn btn-primary ml-3"
- 
 
 51 
                                    href={element.link}
- 
 
 52 
                                    target="_blank"
- 
 
 53 
                                    rel="noreferrer"
- 
 
 54 
                                    style={{ fontSize: '.9rem', borderRadius: '4px' }}
60 
                            )
 55 
                                >
- 
 
 56 
                                    MÁS INF
- 
 
 57 
                                </a>
- 
 
 58 
                            </div>
61 
                        })
 59 
                        )
62 
                    }
 60 
                    })
63 
                </div>
 61 
                }
64 
            </div>
 62 
            </div>
65 
        </div >
 63 
        </div >
66 
    )
 64 
    )
67 
}
 65 
}