Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 861 Rev 862
Línea 18... Línea 18...
18 
 
 18 
 
19 
const StyledNewItem = styled.div`
 19 
const StyledNewItem = styled.div`
20 
  display: flex;
 20 
  display: flex;
21 
  gap: 0.5rem;
 21 
  gap: 0.5rem;
22 
  img {
 22 
  img {
23 
    height: 80px;
 23 
    width: 100px;
24 
    width: 80px;
 24 
    aspect-ratio: 3/2;
25 
    object-fit: cover;
 25 
    object-fit: cover;
26 
  }
 26 
  }
27 
  .post-info {
 27 
  .post-info {
28 
    display: flex;
 28 
    display: flex;
Línea 69... Línea 69...
69 
 
 69 
 
70 
  return (
 70 
  return (
71 
    <StyledContainer>
 71 
    <StyledContainer>
Línea -... Línea 72...
- 
 
 72 
      <StyledContainer.Header title={labels.posts} />
72 
      <StyledContainer.Header title={labels.posts} />
 73 
 
73 
 
 74 
      <StyledContainer.Body className='pt-0'>
74 
      <StyledNewsList>
 75 
        <StyledNewsList>
75 
        {!news.length ? (
 76 
          {!news.length ? (
76 
          <EmptySection message={labels.not_available_posts} />
 77 
            <EmptySection message={labels.not_available_posts} />
77 
        ) : (
 78 
          ) : (
78 
          news.map(({ link, title, image, date }) => {
 - 
 
79 
            if (link.includes(currentPost)) return null
 - 
 
80 
 
 - 
 
81 
            return (
 - 
 
82 
              <StyledNewItem key={title}>
 - 
 
83 
                <Link to={link}>
 - 
 
Línea -... Línea 79...
- 
 
 79 
            news.map(({ link, title, image, date }) => {
84 
                  <img src={image} alt={`${title} image`} />
 80 
              if (link.includes(currentPost)) return null
85 
                </Link>
 81 
 
86 
 
 82 
              return (
87 
                <div className='post-info'>
 83 
                <StyledNewItem key={title}>
- 
 
 84 
                  <Link to={link}>
- 
 
 85 
                    <img src={image} alt={`${title} image`} />
- 
 
 86 
                  </Link>
- 
 
 87 
 
- 
 
 88 
                  <div className='post-info'>
88 
                  <Link to={link}>
 89 
                    <Link to={link}>
89 
                    <h4 title={title}>{title}</h4>
 90 
                      <h4 title={title}>{title}</h4>
90 
                  </Link>
 91 
                    </Link>
91 
                  <span>{date}</span>
 92 
                    <span>{date}</span>
92 
                </div>
 93 
                  </div>
93 
              </StyledNewItem>
 94 
                </StyledNewItem>
94 
            )
 95 
              )
- 
 
 96 
            })
95 
          })
 97 
          )}
96 
        )}
 98 
        </StyledNewsList>
97 
      </StyledNewsList>
 99 
      </StyledContainer.Body>