Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3432 Rev 3694
Línea 1... Línea 1...
1
import React from 'react'
1
import React, { useState } from 'react';
-
 
2
import Search from '@mui/icons-material/Search';
2
import { useSelector } from 'react-redux'
3
import { Box, styled } from '@mui/material';
3
import { Search } from '@mui/icons-material'
4
import { useSelector } from 'react-redux';
4
 
5
 
5
import { debounce } from '@utils'
6
import { debounce } from '@utils';
6
import { useFetch, useSearchQuery } from '@hooks'
7
import { useFetch, useSearchQuery } from '@hooks';
7
 
8
 
8
import Input from '@components/UI/inputs/Input'
9
import Input from '@components/UI/inputs/Input';
9
import TitleSection from '@components/UI/TitleSection'
10
import TitleSection from '@components/UI/TitleSection';
10
import Pagination from '@components/common/Pagination'
11
import Pagination from '@components/common/Pagination';
11
import PeopleYouMayKnowList from '@components/connections/PeopleYouMayKnowList'
12
import PeopleYouMayKnowList from '@components/connections/PeopleYouMayKnowList';
Línea 12... Línea 13...
12
 
13
 
13
const PeopleYouMayKnowPage = () => {
14
const PeopleYouMayKnowPage = () => {
Línea 14... Línea 15...
14
  const labels = useSelector(({ intl }) => intl.labels)
15
  const labels = useSelector(({ intl }) => intl.labels);
15
 
16
 
16
  const { getStringParams, setParam } = useSearchQuery()
17
  const { getStringParams, setParam } = useSearchQuery();
17
  const { data, isLoading, refetch } = useFetch(
18
  const { data, isLoading, refetch } = useFetch(
Línea 18... Línea 19...
18
    '/connection/people-you-may-know' + getStringParams()
19
    '/connection/people-you-may-know' + getStringParams()
Línea 19... Línea 20...
19
  )
20
  );
20
 
21
 
21
  const handleSearch = debounce((e) => setParam('search', e.target.value))
22
  const handleSearch = debounce((e) => setParam('search', e.target.value));
22
 
23
 
Línea 34... Línea 35...
34
        pages={data.total?.pages}
35
        pages={data.total?.pages}
35
        page={data.current?.page}
36
        page={data.current?.page}
36
        onChange={(page) => setParam('page', page)}
37
        onChange={(page) => setParam('page', page)}
37
      />
38
      />
38
    </>
39
    </>
39
  )
40
  );
40
}
41
};
Línea 41... Línea 42...
41
 
42