Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2122 Rev 2369
Línea 1... Línea 1...
1 
import React, {useEffect, useState} from 'react';
 1 
import React, { useEffect, useState } from 'react';
2 
import { addNotification } from '../../../redux/notification/notification.actions';
 2 
import { addNotification } from '../../../redux/notification/notification.actions';
3 
import { axios } from '../../../utils';
 3 
import { axios } from '../../../utils';
4 
import styles from './HomeSection.module.scss';
 4 
import styles from './HomeSection.module.scss';
Línea 5... Línea 5...
5 
 
 5 
 
6 
export default function HomeNews({containerClassName = '', suggestionsContainerClassName = ''}) {
 6 
export default function HomeNews({ containerClassName = '', suggestionsContainerClassName = '' }) {
7 
    const [news, setNews] = useState([])
 7 
    const [news, setNews] = useState([])
8 
    const loadNews = () => {
 8 
    const loadNews = () => {
9 
        axios.get('/helpers/posts')
 9 
        axios.get('/helpers/posts')
10 
            .then(res => {
 10 
            .then(res => {
11 
                if(res.data.success){
 11 
                if (res.data.success) {
12 
                    setNews(res.data.data)
 12 
                    setNews(res.data.data)
13 
                }
 13 
                }
14 
            })
 14 
            })
15 
            .catch(() => {
 15 
            .catch(() => {
Línea 21... Línea 21...
21 
    }
 21 
    }
22 
    useEffect(() => {
 22 
    useEffect(() => {
23 
        loadNews()
 23 
        loadNews()
24 
    }, [])
 24 
    }, [])
25 
    return (
 25 
    return (
26 
        <div
 - 
 
27 
            style={{
 - 
 
28 
                padding: '5% 0%'
 - 
 
29 
            }}
 - 
 
30 
            className={containerClassName}
 26 
        <div className={containerClassName} style={{ paddingBottom: '5%' }}>
31 
        >
 - 
 
32 
            <div className={styles.suggestions + ' border-gray '+suggestionsContainerClassName}>
 27 
            <div className={styles.suggestions + ' border-gray ' + suggestionsContainerClassName}>
33 
                <div className="sd-title">
 28 
                <div className="sd-title">
34 
                    <h3>Novedades</h3>
 29 
                    <h3>Novedades</h3>
35 
                </div>
 30 
                </div>
36 
 
 - 
 
37 
                <div className="suggestions-list">
 31 
                <div className="suggestions-list">
38 
                    {
 32 
                    {
39 
                        news.map(element => {
 33 
                        news.map(element => {
40 
                            return(
 34 
                            return (
41 
                                <div
 - 
 
42 
                                    key={element.title}
 35 
                                <div key={element.title}>
43 
                                >
 - 
 
44 
                                    <a
 36 
                                    <a
45 
                                        href={element.link}
 37 
                                        href={element.link}
46 
                                        target="_blank"
 38 
                                        target="_blank"
47 
                                        className='text-dark'
 39 
                                        className='text-dark'
48 
                                    >
 40 
                                    >