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 InvitationsSendList from '@components/connections/InvitationsSendList'
11
import InvitationsSendList from '@components/connections/InvitationsSendList';
Línea 11... Línea 12...
11
 
12
 
12
const InvitationsSendPage = () => {
13
const InvitationsSendPage = () => {
Línea 13... Línea 14...
13
  const labels = useSelector(({ intl }) => intl.labels)
14
  const labels = useSelector(({ intl }) => intl.labels);
14
 
15
 
15
  const { getStringParams, setParam } = useSearchQuery()
16
  const { getStringParams, setParam } = useSearchQuery();
16
  const {
17
  const {
17
    data: connections,
18
    data: connections,
18
    isLoading,
19
    isLoading,
Línea 19... Línea 20...
19
    refetch
20
    refetch
Línea 20... Línea 21...
20
  } = useFetch('/connection/invitations-sent' + getStringParams())
21
  } = useFetch('/connection/invitations-sent' + getStringParams());
21
 
22
 
22
  const handleSearch = debounce((e) => setParam('search', e.target.value))
23
  const handleSearch = debounce((e) => setParam('search', e.target.value));
23
 
24
 
24
  return (
-
 
25
    <>
25
  return (
26
      <TitleSection title={labels.invitations_sent} />
-
 
27
      <Input icon={<Search />} onChange={handleSearch} variant='search' />
-
 
28
      <InvitationsSendList
-
 
29
        connections={connections}
26
    <>
30
        loading={isLoading}
27
      <TitleSection title={labels.invitations_sent} />
31
        onComplete={refetch}
28
      <Input icon={<Search />} onChange={handleSearch} variant='search' />
Línea 32... Línea 29...
32
      />
29
      <InvitationsSendList connections={connections} loading={isLoading} onComplete={refetch} />