| Línea 8... |
Línea 8... |
| 8 |
import SearchBar from '../../components/UI/SearchBar'
|
8 |
import SearchBar from '../../components/UI/SearchBar'
|
| 9 |
import TitleSection from '../../components/UI/TitleSection'
|
9 |
import TitleSection from '../../components/UI/TitleSection'
|
| 10 |
import EmptySection from '../../components/UI/EmptySection'
|
10 |
import EmptySection from '../../components/UI/EmptySection'
|
| 11 |
import ProfileItem from '../../components/profile/ProfileItem'
|
11 |
import ProfileItem from '../../components/profile/ProfileItem'
|
| 12 |
import PaginationComponent from '../../components/UI/PaginationComponent'
|
12 |
import PaginationComponent from '../../components/UI/PaginationComponent'
|
| - |
|
13 |
import LoaderContainer from '../../components/UI/LoaderContainer'
|
| Línea 13... |
Línea 14... |
| 13 |
|
14 |
|
| 14 |
const MyConnectionsPage = () => {
|
15 |
const MyConnectionsPage = () => {
|
| 15 |
const [myConnections, setMyConnections] = useState([])
|
16 |
const [myConnections, setMyConnections] = useState([])
|
| 16 |
const [currentPage, setCurrentPage] = useState(1)
|
17 |
const [currentPage, setCurrentPage] = useState(1)
|
| Línea 59... |
Línea 60... |
| 59 |
return (
|
60 |
return (
|
| 60 |
<main className="companies-info container">
|
61 |
<main className="companies-info container">
|
| 61 |
<TitleSection title={labels.first_level_persons} />
|
62 |
<TitleSection title={labels.first_level_persons} />
|
| 62 |
<SearchBar onChange={handleSearch} />
|
63 |
<SearchBar onChange={handleSearch} />
|
| 63 |
{loading ? (
|
64 |
{loading ? (
|
| - |
|
65 |
<LoaderContainer>
|
| 64 |
<Spinner />
|
66 |
<Spinner />
|
| - |
|
67 |
</LoaderContainer>
|
| 65 |
) : (
|
68 |
) : (
|
| 66 |
<ul className="companies-list">
|
69 |
<ul className="companies-list">
|
| 67 |
{myConnections.length ? (
|
70 |
{myConnections.length ? (
|
| 68 |
myConnections.map(({ id, ...rest }) => (
|
71 |
myConnections.map(({ id, ...rest }) => (
|
| 69 |
<ProfileItem
|
72 |
<ProfileItem
|