Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3026 Rev 3027
Línea 1... Línea 1...
1 
import React, { useMemo, useState } from 'react'
 1 
import React, { useMemo, useState } from 'react'
2 
import { Link } from 'react-router-dom'
 2 
import { Link } 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 '@app/components/UI/EmptySection'
 - 
 
9 
import {
 4 
import {
10 
  Avatar,
 5 
  Avatar,
11 
  Button,
 6 
  Button,
12 
  List,
 7 
  List,
13 
  ListItem,
 8 
  ListItem,
14 
  ListItemAvatar,
 9 
  ListItemAvatar,
15 
  ListItemButton,
 10 
  ListItemButton,
16 
  ListItemText
 11 
  ListItemText
17 
} from '@mui/material'
 12 
} from '@mui/material'
- 
 
 13 
 
18 
import Spinner from '@components/UI/Spinner'
 14 
import { useFetch } from '@hooks'
19 
import colors from '@styles/colors'
 15 
import colors from '@styles/colors'
Línea -... Línea 16...
- 
 
 16 
 
- 
 
 17 
import Widget from '@components/UI/Widget'
- 
 
 18 
import Spinner from '@components/UI/Spinner'
- 
 
 19 
import EmptySection from '@components/UI/EmptySection'
20 
 
 20 
 
21 
const SuggestWidget = ({ title, url }) => {
 21 
const SuggestWidget = ({ title, url }) => {
22 
  const { data, isLoading } = useFetch(url, [])
 22 
  const { data, isLoading } = useFetch(url, [])
23 
  const [lookMore, setLookMore] = useState(false)
 23 
  const [lookMore, setLookMore] = useState(false)
Línea 40... Línea 40...
40 
              {lookMore ? labels.view_less : labels.view_more}
 40 
              {lookMore ? labels.view_less : labels.view_more}
41 
            </Button>
 41 
            </Button>
42 
          )
 42 
          )
43 
        }}
 43 
        }}
44 
      />
 44 
      />
45 
      <Widget.Body styles={data.length > 0 && { padding: 0 }}>
 45 
      <Widget.Body styles={data.length > 0 && { padding: '0 !important' }}>
46 
        {isLoading && <Spinner />}
 46 
        {isLoading && <Spinner />}
Línea 47... Línea 47...
47 
 
 47 
 
48 
        {!isLoading && data.length === 0 ? (
 48 
        {!isLoading && data.length === 0 ? (
49 
          <EmptySection message={labels?.datatable_empty} />
 49 
          <EmptySection message={labels?.datatable_empty} />
50 
        ) : (
 50 
        ) : (
51 
          <List>
 51 
          <List sx={{ maxHeight: '225px', overflow: 'auto' }}>
52 
            {items.map(({ name, profile, image, id }) => (
 52 
            {items.map(({ name, profile, image, id }) => (
53 
              <ListItem
 53 
              <ListItem
54 
                key={id}
 54 
                key={id}
55 
                sx={{ borderTop: `1px solid ${colors.border.primary}` }}
 55 
                sx={{ borderTop: `1px solid ${colors.border.primary}` }}