Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3292 Rev 3503
Línea -... Línea 1...
- 
 
 1 
/* eslint-disable react/prop-types */
1 
import React, { useEffect, useState } from 'react';
 2 
import React, { useEffect, useState } from 'react';
2 
import { addNotification } from '../../../redux/notification/notification.actions';
 3 
import { addNotification } from '../../../redux/notification/notification.actions';
3 
import { axios } from '../../../utils';
 4 
import { axios } from '../../../utils';
4 
import styles from './HomeSection.module.scss';
 - 
 
Línea 5... Línea 5...
5 
 
 5 
 
- 
 
 6 
export default function HomeNews({
- 
 
 7 
    containerClassName = ''
6 
export default function HomeNews({ containerClassName = '', suggestionsContainerClassName = '' }) {
 8 
}) {
7 
    const [news, setNews] = useState([])
 9 
    const [news, setNews] = useState([])
8 
    const loadNews = () => {
 10 
    const loadNews = () => {
9 
        axios.get('/helpers/posts')
 11 
        axios.get('/helpers/posts')
10 
            .then(res => {
 12 
            .then(res => {
Línea 22... Línea 24...
22 
    useEffect(() => {
 24 
    useEffect(() => {
23 
        loadNews()
 25 
        loadNews()
24 
    }, [])
 26 
    }, [])
25 
    return (
 27 
    return (
26 
        <div className={containerClassName} style={{ paddingBottom: '5%' }}>
 28 
        <div className={containerClassName} style={{ paddingBottom: '5%' }}>
27 
            <div className={styles.suggestions}>
 29 
            <div className='suggestions'>
28 
                <div className="sd-title">
 30 
                <div className="sd-title">
29 
                    <h3>Novedades</h3>
 31 
                    <h3>Novedades</h3>
30 
                </div>
 32 
                </div>
31 
                <div className="suggestions-list">
 33 
                <div className="suggestions-list">
32 
                    {
 34 
                    {
33 
                        news.map(element => {
 35 
                        news.map(element => {
34 
                            return (
 36 
                            return (
35 
                                <div key={element.title} className={styles.postsList}>
 37 
                                <div key={element.title} className='postsList'>
36 
                                    <img
 38 
                                    <img
37 
                                        src={element.image}
 39 
                                        src={element.image}
38 
                                        alt={`${element.title} image`}
 40 
                                        alt={`${element.title} image`}
39 
                                    />
 41 
                                    />
40 
                                    <div className="d-flex flex-column ml-3" style={{ gap: '5px' }}>
 42 
                                    <div className="d-flex flex-column ml-3" style={{ gap: '5px' }}>