Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5084 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3517 stevensc 1 
/* eslint-disable react/prop-types */
1587 steven 2 
import React from 'react'
5070 stevensc 3 
import { useForm } from 'react-hook-form'
1587 steven 4 
 
5085 stevensc 5 
export default function SearchList({
6 
    title,
7 
    fetchCallback,
8 
    addTitle = '',
9 
    addCallback = ''
3517 stevensc 10 
}) {
5085 stevensc 11 
    const { register, getValues } = useForm()
3517 stevensc 12 
 
5085 stevensc 13 
    const handleSearch = () => {
14 
        const searchValue = getValues('search')
15 
        if (fetchCallback) setTimeout(() => fetchCallback(searchValue), [500])
16 
    }
3517 stevensc 17 
 
5085 stevensc 18 
    return (
1587 steven 19 
        <>
3517 stevensc 20 
            {!!title &&
21 
                <div className="company-title">
5084 stevensc 22 
                    <div className="section_admin_title_buttons" style={!addTitle ? { width: '100%' } : {}}>
3517 stevensc 23 
                        <h1
24 
                            className="title"
25 
                            style={!addTitle ? { flex: '1', textAlign: 'center' } : {}}
26 
                        >{title}</h1>
5084 stevensc 27 
                        {(!!addTitle && !!addCallback) &&
3517 stevensc 28 
                            <h2 className="title" onClick={addCallback}>
29 
                                {addTitle}
30 
                            </h2>
31 
                        }
1587 steven 32 
                    </div>
3517 stevensc 33 
                </div>
1587 steven 34 
            }
5084 stevensc 35 
            <div className="search-box">
36 
                <input
37 
                    type="text"
38 
                    name="search"
39 
                    className="form-control"
40 
                    ref={register}
41 
                    onKeyUp={handleSearch}
42 
                />
5085 stevensc 43 
                <button className='btn btn-search'>
44 
                    {LABELS.SEARCH}
45 
                </button>
1587 steven 46 
            </div>
47 
        </>
5085 stevensc 48 
    )
1587 steven 49 
}