Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4763 Rev 4823
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { useEffect, useState } from 'react';
 2 
import React, { useEffect, useState } from 'react';
3 
import { addNotification } from '../../../redux/notification/notification.actions';
 3 
import { addNotification } from '../../../redux/notification/notification.actions';
- 
 
 4 
import EmptySection from '../../../shared/empty-section/EmptySection';
4 
import { axios } from '../../../utils';
 5 
import { axios } from '../../../utils';
Línea 5... Línea 6...
5 
 
 6 
 
6 
export default function HomeNews({
 7 
export default function HomeNews({
7 
    classname = 'peopleYouMayKnow',
 8 
    classname = 'peopleYouMayKnow',
Línea 35... Línea 36...
35 
        <div className={classname}>
 36 
        <div className={classname}>
36 
            <div className="sd-title">
 37 
            <div className="sd-title">
37 
                <h3>Novedades</h3>
 38 
                <h3>Novedades</h3>
38 
            </div>
 39 
            </div>
39 
            <div className="suggestions-list">
 40 
            <div className="suggestions-list">
40 
                {
 41 
                {news.length
- 
 
 42 
                    ? <EmptySection message='Aún no hay novedades disponibles' />
41 
                    news.map(element => {
 43 
                    : news.map(element => {
42 
 
 - 
 
43 
                        if (element.link.includes(currentPost)) {
 44 
                        if (element.link.includes(currentPost)) {
44 
                            return null
 45 
                            return null
45 
                        }
 46 
                        }
Línea 46... Línea 47...
46 
 
 47 
 
47 
                        return (
 48 
                        return (
48 
                            <div key={element.title} className='postsList'>
 - 
 
49 
                                <img
 - 
 
50 
                                    src={element.image}
 49 
                            <div key={element.title} className='postsList'>
51 
                                    alt={`${element.title} image`}
 - 
 
52 
                                />
 50 
                                <img src={element.image} alt={`${element.title} image`} />
53 
                                <div className="d-flex flex-column" style={{ gap: '.5rem' }}>
 51 
                                <div className="d-flex flex-column" style={{ gap: '.5rem' }}>
54 
                                    <a href={element.link} target='secondary'>
 - 
 
55 
                                        <h4>
 52 
                                    <a href={element.link} target='secondary'>
56 
                                            {element.title}
 - 
 
57 
                                        </h4>
 53 
                                        <h4>{element.title}</h4>
58 
                                    </a>
 - 
 
59 
                                    <span>
 54 
                                    </a>
60 
                                        {element.date}
 - 
 
61 
                                    </span>
 55 
                                    <span>{element.date}</span>
62 
                                </div>
 56 
                                </div>
63 
                                <a
 57 
                                <a
64 
                                    className="btn btn-primary"
 58 
                                    className="btn btn-primary"
65 
                                    href={element.link}
 59 
                                    href={element.link}
66 
                                    target="secondary"
 60 
                                    target="secondary"
67 
                                >
 61 
                                >
68 
                                    Ver más
 62 
                                    Ver más
69 
                                </a>
 63 
                                </a>
70 
                            </div>
 64 
                            </div>
71 
                        )
 65 
                        )
72 
                    })
 - 
 
73 
                }
 66 
                    })}
74 
            </div>
 67 
            </div>
75 
        </div >
 68 
        </div >
76 
    )
 69 
    )