| 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 { searchEntities } from '../../services/items'
|
6 |
import { searchEntities } from '../../services/items'
|
| 5 |
import { addNotification } from '../../redux/notification/notification.actions'
|
7 |
import { addNotification } from '../../redux/notification/notification.actions'
|
| 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 TitleSection from '../../components/UI/TitleSection'
|
11 |
import TitleSection from '../../components/UI/TitleSection'
|
| 10 |
import EmptySection from '../../components/UI/EmptySection'
|
12 |
import EmptySection from '../../components/UI/EmptySection'
|
| 11 |
import ProfileItem from '../../components/profile/ProfileItem'
|
- |
|
| Línea 12... |
Línea 13... |
| 12 |
import LoaderContainer from '../../components/UI/LoaderContainer'
|
13 |
import ProfileItem from '../../components/profile/ProfileItem'
|
| 13 |
|
14 |
|
| 14 |
const InvitationsReceivedPage = () => {
|
15 |
const InvitationsReceivedPage = () => {
|
| 15 |
const [invitationsReceived, setMyProfiles] = useState([])
|
16 |
const [invitationsReceived, setMyProfiles] = useState([])
|
| Línea 48... |
Línea 49... |
| 48 |
}, [search])
|
49 |
}, [search])
|
| Línea 49... |
Línea 50... |
| 49 |
|
50 |
|
| 50 |
return (
|
51 |
return (
|
| 51 |
<main className='companies-info container'>
|
52 |
<main className='companies-info container'>
|
| 52 |
<TitleSection title={labels.invitations_received} />
|
53 |
<TitleSection title={labels.invitations_received} />
|
| 53 |
<SearchBar onChange={handleSearch} />
|
54 |
<Input icon={<Search />} onChange={handleSearch} />
|
| 54 |
{loading ? (
|
- |
|
| 55 |
<LoaderContainer>
|
55 |
{loading ? (
|
| 56 |
<Spinner />
|
- |
|
| 57 |
</LoaderContainer>
|
56 |
<Spinner />
|
| 58 |
) : (
|
57 |
) : (
|
| 59 |
<ul className='companies-list'>
|
58 |
<ul className='companies-list'>
|
| 60 |
{invitationsReceived.length ? (
|
59 |
{invitationsReceived.length ? (
|
| 61 |
invitationsReceived.map(({ id, ...rest }) => (
|
60 |
invitationsReceived.map(({ id, ...rest }) => (
|