Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2798 | Rev 2864 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 2798 Rev 2806
Línea 2... Línea 2...
2 
import { axios, debounce } from '../../utils'
 2 
import { axios, debounce } from '../../utils'
3 
import { useDispatch, useSelector } from 'react-redux'
 3 
import { useDispatch, useSelector } from 'react-redux'
4 
import { useNavigate, useLocation, useParams } from 'react-router-dom'
 4 
import { useNavigate, useLocation, useParams } from 'react-router-dom'
5 
import { addNotification } from '../../redux/notification/notification.actions'
 5 
import { addNotification } from '../../redux/notification/notification.actions'
6 
import { Search } from '@mui/icons-material'
 6 
import { Search } from '@mui/icons-material'
7 
import { Container, Grid } from '@mui/material'
 7 
import { Grid } from '@mui/material'
Línea 8... Línea 8...
8 
 
 8 
 
9 
import Input from 'components/UI/Input'
 9 
import Input from 'components/UI/Input'
10 
import Spinner from 'components/UI/Spinner'
 10 
import Spinner from 'components/UI/Spinner'
11 
import SearchItem from 'components/search/SearchItem'
 11 
import SearchItem from 'components/search/SearchItem'
Línea 86... Línea 86...
86 
    searchEntities()
 86 
    searchEntities()
87 
  }, [search, pathname])
 87 
  }, [search, pathname])
Línea 88... Línea 88...
88 
 
 88 
 
89 
  return (
 89 
  return (
90 
    <>
 - 
 
91 
      <Container as='main'>
 90 
    <>
92 
        <Input
 91 
      <Input
93 
          icon={Search}
 92 
        icon={Search}
94 
          onChange={(e) => onChangeKeyword(e.target.value)}
 93 
        onChange={(e) => onChangeKeyword(e.target.value)}
95 
          placeholder={labels.search}
 94 
        placeholder={labels.search}
96 
          defaultValue={params.get('keyword')}
 95 
        defaultValue={params.get('keyword')}
97 
        />
 96 
      />
98 
 
 97 
 
99 
        <Grid container spacing={2} mt={2}>
 98 
      <Grid container spacing={2} mt={2}>
100 
          <Grid item xs={12} md={4} display='flex' direction='column' gap={2}>
 99 
        <Grid item xs={12} md={4} display='flex' direction='column' gap={2}>
101 
            <FiltersSidebar>
 100 
          <FiltersSidebar>
102 
              <CategoryFilter
 101 
            <CategoryFilter
103 
                currentCategory={category}
 102 
              currentCategory={category}
104 
                onChange={onChangeCategory}
 103 
              onChange={onChangeCategory}
- 
 
 104 
            />
- 
 
 105 
 
- 
 
 106 
            <LocationFilter onChange={onChangeAddress} />
- 
 
 107 
          </FiltersSidebar>
Línea 105... Línea -...
105 
              />
 - 
 
106 
 
 - 
 
107 
              <LocationFilter onChange={onChangeAddress} />
 - 
 
108 
            </FiltersSidebar>
 - 
 
109 
          </Grid>
 108 
        </Grid>
110 
 
 109 
 
111 
          <Grid item xs={12} md={8} display='flex' direction='column' gap={2}>
 110 
        <Grid item xs={12} md={8} display='flex' direction='column' gap={2}>
112 
            {loading ? (
 111 
          {loading ? (
113 
              <LoaderContainer>
 112 
            <LoaderContainer>
114 
                <Spinner />
 113 
              <Spinner />
115 
              </LoaderContainer>
 114 
            </LoaderContainer>
116 
            ) : (
 115 
          ) : (
117 
              <>
 116 
            <>
118 
                <EntitiesList entities={entities} />
 117 
              <EntitiesList entities={entities} />
119 
                <PaginationComponent
 118 
              <PaginationComponent
120 
                  pages={pages}
 119 
                pages={pages}
121 
                  onChangePage={onChangePage}
 120 
                onChangePage={onChangePage}
122 
                  currentActivePage={+params.get('page')}
 121 
                currentActivePage={+params.get('page')}
123 
                  isRow
 122 
                isRow
124 
                />
 123 
              />
125 
              </>
 - 
 
126 
            )}
 124 
            </>
127 
          </Grid>
 125 
          )}
128 
        </Grid>
 126 
        </Grid>
129 
      </Container>
 127 
      </Grid>
130 
    </>
 128 
    </>
Línea 131... Línea 129...
131 
  )
 129 
  )