Rev 3688 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
import React from 'react'import { useSelector } from 'react-redux'import { Search } from '@mui/icons-material'import { debounce } from '@utils'import { useFetch, useSearchQuery } from '@hooks'import Input from '@components/UI/inputs/Input'import TitleSection from '@components/UI/TitleSection'import GroupsRequestsReceivedList from '@components/group/GroupsRequestsReceivedList'const GroupsRequestsReceivedPage = () => {const labels = useSelector(({ intl }) => intl.labels)const { getStringParams, setParam } = useSearchQuery()const { data, isLoading, refetch } = useFetch('/group/invitations-received' + getStringParams())const handleSearch = debounce((e) => setParam('search', e.target.value))return (<><TitleSection title={labels.invitations_received} /><Input icon={<Search />} onChange={handleSearch} variant='search' /><GroupsRequestsReceivedListgroups={data}loading={isLoading}onComplete={refetch}/></>)}export default GroupsRequestsReceivedPage