Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 1302 | Rev 2641 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log | 

import React, { useState } from 'react'
import { useSelector } from 'react-redux'
import { Search } from '@mui/icons-material'

import SearchInput from '../components/UI/Input'
import StyledContainer from 'components/widgets/WidgetLayout'

const withSearch = (Component = <></>, items = []) => {
  return function WithSearchComponent() {
    const [query, setQuery] = useState('')
    const labels = useSelector(({ intl }) => intl.labels)

    const handleInputChange = (e) => setQuery(e.target.value)

    return (
      <StyledContainer pt={1}>
        <SearchInput
          onChange={handleInputChange}
          placeholder={labels.search}
          icon={Search}
          width='auto'
          primary={false}
          mx={1}
        />
        <Component query={query} capsules={items} />
      </StyledContainer>
    )
  }
}

export default withSearch