| Línea 7... |
Línea 7... |
| 7 |
import Spinner from '../../components/UI/Spinner'
|
7 |
import Spinner from '../../components/UI/Spinner'
|
| 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 LoaderContainer from '../../components/UI/LoaderContainer'
|
| Línea 12... |
Línea 13... |
| 12 |
|
13 |
|
| 13 |
const PeopleBlockedPage = () => {
|
14 |
const PeopleBlockedPage = () => {
|
| 14 |
const [peopleBlocked, setPeopleBlocked] = useState([])
|
15 |
const [peopleBlocked, setPeopleBlocked] = useState([])
|
| 15 |
const [loading, setLoading] = useState(false)
|
16 |
const [loading, setLoading] = useState(false)
|
| Línea 50... |
Línea 51... |
| 50 |
return (
|
51 |
return (
|
| 51 |
<main className="companies-info container">
|
52 |
<main className="companies-info container">
|
| 52 |
<TitleSection title={labels.people_blocked} />
|
53 |
<TitleSection title={labels.people_blocked} />
|
| 53 |
<SearchBar onChange={handleSearch} />
|
54 |
<SearchBar onChange={handleSearch} />
|
| 54 |
{loading ? (
|
55 |
{loading ? (
|
| - |
|
56 |
<LoaderContainer>
|
| 55 |
<Spinner />
|
57 |
<Spinner />
|
| - |
|
58 |
</LoaderContainer>
|
| 56 |
) : (
|
59 |
) : (
|
| 57 |
<ul className="companies-list">
|
60 |
<ul className="companies-list">
|
| 58 |
{peopleBlocked.length ? (
|
61 |
{peopleBlocked.length ? (
|
| 59 |
peopleBlocked.map(({ id, ...rest }) => (
|
62 |
peopleBlocked.map(({ id, ...rest }) => (
|
| 60 |
<ProfileItem
|
63 |
<ProfileItem
|