Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5104 Rev 5376
Línea 31... Línea 31...
31
  useEffect(() => {
31
  useEffect(() => {
32
    loadNews()
32
    loadNews()
33
  }, [])
33
  }, [])
Línea 34... Línea 34...
34
 
34
 
35
  return (
35
  return (
36
        <div className={classname}>
36
    <div className={classname}>
37
            <div className="sd-title">
37
      <div className="sd-title">
38
                <h3>{LABELS.POSTS}</h3>
38
        <h3>{LABELS.POSTS}</h3>
39
            </div>
39
      </div>
40
            <div className="suggestions-list">
40
      <div className="suggest-list">
41
                {!news.length
41
        {!news.length
42
                  ? <EmptySection message={LABELS.NOT_AVAILABLE_POSTS} />
42
          ? <EmptySection message={LABELS.NOT_AVAILABLE_POSTS} />
43
                  : news.map(element => {
43
          : news.map(element => {
44
                    if (element.link.includes(currentPost)) {
44
            if (element.link.includes(currentPost)) {
45
                      return null
45
              return null
Línea 46... Línea 46...
46
                    }
46
            }
47
 
47
 
48
                    return (
48
            return (
49
                            <div key={element.title} className='postsList'>
-
 
50
                                <img src={element.image} alt={`${element.title} image`} />
49
              <div key={element.title} className='posts-list'>
51
                                <div className="d-flex flex-column" style={{ gap: '.5rem' }}>
50
                <img src={element.image} alt={`${element.title} image`} />
52
                                    <a href={element.link} target='secondary'>
51
                <a href={element.link} target='secondary'>
53
                                        <h4>{element.title}</h4>
52
                  <h4>{element.title}</h4>
54
                                    </a>
-
 
55
                                    <span>{element.date}</span>
53
                </a>
56
                                </div>
54
                <span>{element.date}</span>
57
                                <a
55
                <a
58
                                    className="btn btn-primary"
56
                  className="btn btn-primary"
59
                                    href={element.link}
57
                  href={element.link}
60
                                    target="secondary"
58
                  target="secondary"
61
                                >
59
                >
62
                                    {LABELS.VIEW_MORE}
60
                  {LABELS.VIEW_MORE}
63
                                </a>
61
                </a>
64
                            </div>
62
              </div>
65
                    )
63
            )
66
                  })}
64
          })}
67
            </div>
65
      </div>
68
        </div>
66
    </div>