Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3432 Rev 3694
Línea 1... Línea 1...
1
import React from 'react'
1
import React from 'react';
2
import { useSelector } from 'react-redux'
2
import { useSelector } from 'react-redux';
3
import { useLocation } from 'react-router-dom'
3
import { useLocation } from 'react-router-dom';
4
import { Search } from '@mui/icons-material'
4
import Search from '@mui/icons-material/Search';
5
import { Grid } from '@mui/material'
5
import { Grid } from '@mui/material';
6
 
6
 
7
import { debounce } from '@utils'
7
import { debounce } from '@utils';
8
import { useFetch, useSearchQuery } from '@hooks'
8
import { useFetch, useSearchQuery } from '@hooks';
9
 
9
 
10
import Input from '@components/UI/inputs/Input'
10
import Input from '@components/UI/inputs/Input';
11
import Spinner from '@components/UI/Spinner'
11
import Spinner from '@components/UI/Spinner';
12
import Pagination from '@components/common/Pagination'
12
import Pagination from '@components/common/Pagination';
13
import SearchList from '@components/search/SearchList'
13
import SearchList from '@components/search/SearchList';
14
import SearchFilters from '@components/search/SearchFilters'
14
import SearchFilters from '@components/search/SearchFilters';
Línea 15... Línea 15...
15
 
15
 
16
const SearchPage = () => {
16
const SearchPage = () => {
17
  const { search, pathname } = useLocation()
17
  const { search, pathname } = useLocation();
Línea 18... Línea 18...
18
  const labels = useSelector(({ intl }) => intl.labels)
18
  const labels = useSelector(({ intl }) => intl.labels);
19
 
19
 
20
  const { isLoading, data } = useFetch(pathname + search, {
20
  const { isLoading, data } = useFetch(pathname + search, {
21
    current: { items: [] },
21
    current: { items: [] },
22
    total: {
22
    total: {
23
      pages: 1
23
      pages: 1
Línea 24... Línea 24...
24
    }
24
    }
Línea 25... Línea 25...
25
  })
25
  });
Línea 26... Línea 26...
26
 
26
 
27
  const { setParam, getParam } = useSearchQuery()
27
  const { setParam, getParam } = useSearchQuery();
28
 
28
 
29
  const handleSearch = debounce((e) => setParam('keyword', e.target.value))
29
  const handleSearch = debounce((e) => setParam('keyword', e.target.value));
Línea 57... Línea 57...
57
            </>
57
            </>
58
          )}
58
          )}
59
        </Grid>
59
        </Grid>
60
      </Grid>
60
      </Grid>
61
    </>
61
    </>
62
  )
62
  );
63
}
63
};
Línea 64... Línea 64...
64
 
64