Proyectos de Subversion LeadersLinked - SPA

import React, { useState } from 'react'

import React, { useState } from 'react';

import { useSelector } from 'react-redux'

import { useSelector } from 'react-redux';

import { Search } from '@mui/icons-material'

import { Search } from '@mui/icons-material';

import { debounce } from '@utils'

import { debounce } from '@utils';

import { useFetch, useSearchQuery } from '@hooks'

import { useFetch, useSearchQuery } from '@hooks';

import Input from '@components/UI/inputs/Input'

import Input from '@components/UI/inputs/Input';

import TitleSection from '@components/UI/TitleSection'

import TitleSection from '@components/UI/TitleSection';

import AddProfileModal from '@components/modals/AddProfileModal'

import AddProfileModal from '@components/modals/AddProfileModal';

import MyProfilesList from '@components/profile/MyProfilesList'

import MyProfilesList from '@components/profile/MyProfilesList';

const MyProfilesPage = () => {

const MyProfilesPage = () => {

  const [isShowAddModal, setIsShowAddModal] = useState(false)

  const [isShowAddModal, setIsShowAddModal] = useState(false);

  const toggleModal = () => setIsShowAddModal(!isShowAddModal)

  const toggleModal = () => setIsShowAddModal(!isShowAddModal);

  const { getStringParams, setParam } = useSearchQuery()

  const labels = useSelector(({ intl }) => intl.labels);

  const { data, isLoading, refetch } = useFetch('/profile/my-profiles' + getStringParams());

    <>

        addLabel={labels.add}

  const handleSearch = debounce((e) => setParam('search', e.target.value));

        profiles={data}

      <AddProfileModal

    <>

        show={isShowAddModal}

      <TitleSection title={labels.my_profiles} onAdd={toggleModal} addLabel={labels.add} />

        getProfiles={() => refetch()}

      <Input icon={<Search />} onChange={handleSearch} variant='search' color='secondary' />