Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 2960 Rev 2963
Línea 1... Línea 1...
1 
import React, { useMemo } from 'react'
 1 
import React, { useMemo } from 'react'
2 
import { useNavigate } from 'react-router-dom'
 2 
import { useNavigate } from 'react-router-dom'
3 
import { useSelector } from 'react-redux'
 3 
import { useSelector } from 'react-redux'
4 
 
 - 
 
5 
import { useFetch } from '@hooks'
 - 
 
6 
 
 - 
 
7 
import Widget from '@components/UI/Widget'
 - 
 
8 
import EmptySection from '@components/UI/EmptySection'
 - 
 
9 
import {
 4 
import {
10 
  Avatar,
 5 
  Avatar,
11 
  List,
 6 
  List,
- 
 
 7 
  ListItem,
12 
  ListItemAvatar,
 8 
  ListItemAvatar,
13 
  ListItemButton,
 9 
  ListItemButton,
14 
  ListItemText
 10 
  ListItemText
15 
} from '@mui/material'
 11 
} from '@mui/material'
- 
 
 12 
 
- 
 
 13 
import { useFetch } from '@hooks'
- 
 
 14 
 
16 
import { ListItem } from '@components/UI/List'
 15 
import Widget from '@components/UI/Widget'
- 
 
 16 
import EmptySection from '@components/UI/EmptySection'
Línea 17... Línea 17...
17 
 
 17 
 
18 
export default function HomeNews({ currentPost }) {
 18 
export default function HomeNews({ currentPost }) {
19 
  const { data: posts } = useFetch('/helpers/posts', [])
 19 
  const { data: posts } = useFetch('/helpers/posts', [])
20 
  const labels = useSelector(({ intl }) => intl.labels)
 20 
  const labels = useSelector(({ intl }) => intl.labels)
Línea 21... Línea 21...
21 
  const navigate = useNavigate()
 21 
  const navigate = useNavigate()
22 
 
 22 
 
23 
  const filterPosts = useMemo(
 23 
  const filterPosts = useMemo(
24 
    () => posts?.filter((post) => post.link.includes(currentPost)),
 24 
    () => posts?.filter((post) => !post.link.includes(currentPost)),
Línea 25... Línea 25...
25 
    [currentPost, posts]
 25 
    [posts, currentPost]
26 
  )
 26 
  )
27 
 
 27 
 
Línea 28... Línea 28...
28 
  return (
 28 
  return (
29 
    <Widget>
 29 
    <Widget>
30 
      <Widget.Header title={labels.posts} />
 30 
      <Widget.Header title={labels.posts} />
31 
 
 31 
 
Línea 32... Línea 32...
32 
      <Widget.Body>
 32 
      <Widget.Body>
33 
        {posts?.length <= 0 && (
 33 
        {filterPosts?.length <= 0 && (