Línea 1... |
Línea 1... |
1 |
import React, { useEffect, useState } from 'react'
|
1 |
import React, { useEffect, useState } from 'react'
|
2 |
import { useDispatch, useSelector } from 'react-redux'
|
2 |
import { useDispatch, useSelector } from 'react-redux'
|
- |
|
3 |
import { Search } from '@mui/icons-material'
|
- |
|
4 |
|
3 |
import { debounce } from '../../utils'
|
5 |
import { debounce } from '../../utils'
|
4 |
import { addNotification } from '../../redux/notification/notification.actions'
|
6 |
import { addNotification } from '../../redux/notification/notification.actions'
|
5 |
import { searchEntities } from '../../services/items'
|
7 |
import { searchEntities } from '../../services/items'
|
Línea 6... |
Línea 8... |
6 |
|
8 |
|
7 |
import Spinner from '../../components/UI/Spinner'
|
9 |
import Spinner from '../../components/UI/Spinner'
|
8 |
import SearchBar from '../../components/UI/SearchBar'
|
10 |
import Input from '../../components/UI/inputs/Input'
|
9 |
import ProfileItem from '../../components/profile/ProfileItem'
|
11 |
import ProfileItem from '../../components/profile/ProfileItem'
|
10 |
import TitleSection from '../../components/UI/TitleSection'
|
12 |
import TitleSection from '../../components/UI/TitleSection'
|
11 |
import EmptySection from '../../components/UI/EmptySection'
|
13 |
import EmptySection from '../../components/UI/EmptySection'
|
12 |
import PaginationComponent from '../../components/UI/PaginationComponent'
|
- |
|
Línea 13... |
Línea 14... |
13 |
import LoaderContainer from '../../components/UI/LoaderContainer'
|
14 |
import PaginationComponent from '../../components/UI/PaginationComponent'
|
14 |
|
15 |
|
15 |
const PeopleViewedMyProfilePage = () => {
|
16 |
const PeopleViewedMyProfilePage = () => {
|
16 |
const [peopleViewedMyProfile, setPeopleViewedMyProfile] = useState([])
|
17 |
const [peopleViewedMyProfile, setPeopleViewedMyProfile] = useState([])
|
Línea 57... |
Línea 58... |
57 |
}, [search])
|
58 |
}, [search])
|
Línea 58... |
Línea 59... |
58 |
|
59 |
|
59 |
return (
|
60 |
return (
|
60 |
<main className='companies-info container'>
|
61 |
<main className='companies-info container'>
|
61 |
<TitleSection title={labels.who_has_seen_my_profile} />
|
62 |
<TitleSection title={labels.who_has_seen_my_profile} />
|
62 |
<SearchBar onChange={handleSearch} />
|
63 |
<Input icon={<Search />} onChange={handleSearch} />
|
63 |
{loading ? (
|
- |
|
64 |
<LoaderContainer>
|
64 |
{loading ? (
|
65 |
<Spinner />
|
- |
|
66 |
</LoaderContainer>
|
65 |
<Spinner />
|
67 |
) : (
|
66 |
) : (
|
68 |
<ul className='companies-list'>
|
67 |
<ul className='companies-list'>
|
69 |
{peopleViewedMyProfile.length ? (
|
68 |
{peopleViewedMyProfile.length ? (
|
70 |
peopleViewedMyProfile.map(
|
69 |
peopleViewedMyProfile.map(
|