| 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 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 AddProfileModal from '../../components/modals/AddProfileModal'
|
- |
|
| Línea 13... |
Línea 14... |
| 13 |
import LoaderContainer from '../../components/UI/LoaderContainer'
|
14 |
import AddProfileModal from '../../components/modals/AddProfileModal'
|
| 14 |
|
15 |
|
| 15 |
const MyProfilesPage = () => {
|
16 |
const MyProfilesPage = () => {
|
| 16 |
const [isShowAddModal, setIsShowAddModal] = useState(false)
|
17 |
const [isShowAddModal, setIsShowAddModal] = useState(false)
|
| Línea 58... |
Línea 59... |
| 58 |
<TitleSection
|
59 |
<TitleSection
|
| 59 |
title={labels.my_profiles}
|
60 |
title={labels.my_profiles}
|
| 60 |
onAdd={toggleModal}
|
61 |
onAdd={toggleModal}
|
| 61 |
addLabel={labels.add}
|
62 |
addLabel={labels.add}
|
| 62 |
/>
|
63 |
/>
|
| 63 |
<SearchBar onChange={handleSearch} />
|
64 |
<Input icon={<Search />} onChange={handleSearch} />
|
| 64 |
{loading ? (
|
65 |
{loading ? (
|
| 65 |
<LoaderContainer>
|
- |
|
| 66 |
<Spinner />
|
66 |
<Spinner />
|
| 67 |
</LoaderContainer>
|
- |
|
| 68 |
) : (
|
67 |
) : (
|
| 69 |
<ul className='companies-list'>
|
68 |
<ul className='companies-list'>
|
| 70 |
{myProfiles.length ? (
|
69 |
{myProfiles.length ? (
|
| 71 |
myProfiles.map(({ id, ...rest }) => (
|
70 |
myProfiles.map(({ id, ...rest }) => (
|
| 72 |
<ProfileItem key={id} {...rest} fetchCallback={getMyProfiles} />
|
71 |
<ProfileItem key={id} {...rest} fetchCallback={getMyProfiles} />
|