Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 1297 Rev 1298
Línea 1... Línea 1...
1 
import React, { useCallback, useState } from 'react'
 1 
import React, { useCallback, useState } from 'react'
2 
import { useSelector } from 'react-redux'
 2 
import { useSelector } from 'react-redux'
3 
import { Search } from '@mui/icons-material'
 3 
import { Search } from '@mui/icons-material'
Línea 4... Línea 4...
4 
 
 4 
 
- 
 
 5 
import SearchInput from '../components/UI/Input'
Línea 5... Línea 6...
5 
import SearchInput from '../components/UI/Input'
 6 
import StyledContainer from 'components/widgets/WidgetLayout'
6 
 
 7 
 
7 
const withSearch = (Component = <></>, items = []) => {
 8 
const withSearch = (Component = <></>, items = []) => {
8 
  return function WithSearchComponent() {
 9 
  return function WithSearchComponent() {
Línea 9... Línea 10...
9 
    const [query, setQuery] = useState('')
 10 
    const [query, setQuery] = useState('')
Línea 10... Línea 11...
10 
    const labels = useSelector(({ intl }) => intl.labels)
 11 
    const labels = useSelector(({ intl }) => intl.labels)
11 
 
 12 
 
12 
    const handleInputChange = useCallback((e) => setQuery(e.target.value), [])
 13 
    const handleInputChange = useCallback((e) => setQuery(e.target.value), [])
13 
 
 14 
 
14 
    return (
 15 
    return (
15 
      <>
 16 
      <StyledContainer p={1}>
16 
        <SearchInput
 17 
        <SearchInput
17 
          onChange={handleInputChange}
 18 
          onChange={handleInputChange}
18 
          placeholder={labels.search}
 19 
          placeholder={labels.search}
19 
          icon={Search}
 20 
          icon={Search}
20 
        />
 21 
        />
21 
        <Component query={query} capsules={items} />
 22 
        <Component query={query} capsules={items} />
Línea 22... Línea 23...
22 
      </>
 23 
      </StyledContainer>