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 MyConnectionsList from '@components/connections/MyConnectionsList'
11
import MyConnectionsList from '@components/connections/MyConnectionsList';
11
import Pagination from '@components/common/Pagination'
12
import Pagination from '@components/common/Pagination';
Línea 12... Línea 13...
12
 
13
 
13
const MyConnectionsPage = () => {
14
const MyConnectionsPage = () => {
Línea 14... Línea 15...
14
  const labels = useSelector(({ intl }) => intl.labels)
15
  const labels = useSelector(({ intl }) => intl.labels);
15
 
-
 
16
  const { getStringParams, setParam } = useSearchQuery()
16
 
17
  const { data, isLoading, refetch } = useFetch(
-
 
Línea 18... Línea 17...
18
    `/connection/my-connections${getStringParams()}`
17
  const { getStringParams, setParam } = useSearchQuery();
Línea 19... Línea 18...
19
  )
18
  const { data, isLoading, refetch } = useFetch(`/connection/my-connections${getStringParams()}`);
20
 
19
 
21
  const handleSearch = debounce((e) => setParam('search', e.target.value))
20
  const handleSearch = debounce((e) => setParam('search', e.target.value));
22
 
21
 
Línea 33... Línea 32...
33
        pages={data.total?.pages}
32
        pages={data.total?.pages}
34
        page={data.current?.page}
33
        page={data.current?.page}
35
        onChange={(page) => setParam('page', page)}
34
        onChange={(page) => setParam('page', page)}
36
      />
35
      />
37
    </>
36
    </>
38
  )
37
  );
39
}
38
};
Línea 40... Línea 39...
40
 
39