Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5084 Rev 5085
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React from 'react'
 2 
import React from 'react'
3 
import { useForm } from 'react-hook-form'
 3 
import { useForm } from 'react-hook-form'
Línea 4... Línea 4...
4 
 
 4 
 
5 
export default function SearchList ({
 5 
export default function SearchList({
6 
  title,
 6 
    title,
7 
  fetchCallback,
 7 
    fetchCallback,
8 
  addTitle = '',
 8 
    addTitle = '',
9 
  addCallback = ''
 9 
    addCallback = ''
10 
}) {
 10 
}) {
Línea 11... Línea 11...
11 
  const { register, getValues } = useForm()
 11 
    const { register, getValues } = useForm()
12 
 
 12 
 
13 
  const handleSearch = () => {
 13 
    const handleSearch = () => {
14 
    const searchValue = getValues('search')
 14 
        const searchValue = getValues('search')
Línea 15... Línea 15...
15 
    if (fetchCallback) setTimeout(() => fetchCallback(searchValue), [500])
 15 
        if (fetchCallback) setTimeout(() => fetchCallback(searchValue), [500])
16 
  }
 16 
    }
17 
 
 17 
 
18 
  return (
 18 
    return (
19 
        <>
 19 
        <>
20 
            {!!title &&
 20 
            {!!title &&
Línea 34... Línea 34...
34 
            }
 34 
            }
35 
            <div className="search-box">
 35 
            <div className="search-box">
36 
                <input
 36 
                <input
37 
                    type="text"
 37 
                    type="text"
38 
                    name="search"
 38 
                    name="search"
39 
                    id="search"
 - 
 
40 
                    className="form-control"
 39 
                    className="form-control"
41 
                    placeholder=""
 - 
 
42 
                    ref={register}
 40 
                    ref={register}
43 
                    onKeyUp={handleSearch}
 41 
                    onKeyUp={handleSearch}
44 
                />
 42 
                />
- 
 
 43 
                <button className='btn btn-search'>
- 
 
 44 
                    {LABELS.SEARCH}
- 
 
 45 
                </button>
45 
            </div>
 46 
            </div>
46 
        </>
 47 
        </>
47 
  )
 48 
    )
48 
}
 49 
}