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}` }}