Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3416 Rev 3432
Línea 1... Línea 1...
1
import React from "react";
1
import React from 'react'
2
import { useSelector } from "react-redux";
2
import { useSelector } from 'react-redux'
3
import { Search } from "@mui/icons-material";
3
import { Search } from '@mui/icons-material'
4
 
4
 
5
import { debounce } from "@utils";
5
import { debounce } from '@utils'
6
import { useFetch, useSearchQuery } from "@hooks";
6
import { useFetch, useSearchQuery } from '@hooks'
7
 
7
 
8
import Input from "@components/UI/inputs/Input";
8
import Input from '@components/UI/inputs/Input'
9
import TitleSection from "@components/UI/TitleSection";
9
import TitleSection from '@components/UI/TitleSection'
10
import InvitationsSendList from "@components/connections/InvitationsSendList";
10
import InvitationsSendList from '@components/connections/InvitationsSendList'
Línea 11... Línea 11...
11
 
11
 
12
const InvitationsSendPage = () => {
12
const InvitationsSendPage = () => {
Línea 13... Línea 13...
13
  const labels = useSelector(({ intl }) => intl.labels);
13
  const labels = useSelector(({ intl }) => intl.labels)
14
 
14
 
15
  const { getStringParams, setParam } = useSearchQuery();
15
  const { getStringParams, setParam } = useSearchQuery()
16
  const {
16
  const {
17
    data: connections,
17
    data: connections,
18
    loading,
18
    isLoading,
Línea 19... Línea 19...
19
    refetch,
19
    refetch
Línea 20... Línea 20...
20
  } = useFetch("/connection/invitations-sent" + getStringParams());
20
  } = useFetch('/connection/invitations-sent' + getStringParams())
21
 
21
 
22
  const handleSearch = debounce((e) => setParam("search", e.target.value));
22
  const handleSearch = debounce((e) => setParam('search', e.target.value))
23
 
23
 
24
  return (
24
  return (
25
    <>
25
    <>
26
      <TitleSection title={labels.invitations_sent} />
26
      <TitleSection title={labels.invitations_sent} />
27
      <Input icon={<Search />} onChange={handleSearch} variant="search" />
27
      <Input icon={<Search />} onChange={handleSearch} variant='search' />
28
      <InvitationsSendList
28
      <InvitationsSendList
29
        connections={connections}
29
        connections={connections}
30
        loading={loading}
30
        loading={isLoading}
31
        onComplete={refetch}
31
        onComplete={refetch}
Línea 32... Línea 32...
32
      />
32
      />