Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import React, { useState } from 'react';

import { useSelector } from 'react-redux'

import { Box, styled } from '@mui/material';

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

import { useSelector } from 'react-redux';

import { debounce } from '@utils'

import { debounce } from '@utils';

import { useFetch, useSearchQuery } from '@hooks'

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

import Spinner from '../../components/UI/Spinner'

import Spinner from '../../components/UI/Spinner';

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

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

import ProfileItem from '../../components/profile/ProfileItem'

import ProfileItem from '../../components/profile/ProfileItem';

import EmptySection from '../../components/UI/EmptySection'

import EmptySection from '../../components/UI/EmptySection';

import TitleSection from '../../components/UI/TitleSection'

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

import Pagination from '@components/common/Pagination'

import Pagination from '@components/common/Pagination';

const ImpersonatePage = () => {

const ImpersonatePage = () => {

  const { data, isLoading } = useFetch(

  const { getParam, setParam } = useSearchQuery();

  )

  const { data, isLoading } = useFetch('/impersonate?search=' + getParam('search'));

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

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

              ({ image, name, email, network, link_impersonate }, id) => (

            data.current?.items?.map(({ image, name, email, network, link_impersonate }, id) => (

                <ProfileItem

              <ProfileItem

                  isTopData

                isTopData

                  key={id}

                key={id}

                  image={image}

                image={image}

                  name={name}

                name={name}

                  email={email}

                email={email}

                  network={network}

                network={network}

                  link_impersonate={link_impersonate}

                link_impersonate={link_impersonate}

                />

              />

            )

            ))

              message={labels.datatable_szerorecords}

            <EmptySection align='left' message={labels.datatable_szerorecords} />

  )

  );

}

};