Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
1587 steven 1 
import React from 'react'
2 
import { useForm } from "react-hook-form"
3 
 
2299 stevensc 4 
export default function SearchList({ title, fetchCallback, addTitle = '', addCallback = '' }) {
1587 steven 5 
    const { register, getValues } = useForm();
6 
    const handleSearch = () => {
7 
        const searchValue = getValues("search");
2299 stevensc 8 
        if (fetchCallback) {
1587 steven 9 
            setTimeout(() => {
10 
                fetchCallback(searchValue);
11 
            }, [500])
12 
        }
13 
    };
14 
    return (
15 
        <>
16 
            {
17 
                !!title && (
18 
                    <div className="company-title">
19 
                        <div className="section_admin_title_buttons">
2299 stevensc 20 
                            <h1 className="title">{title}</h1>
1587 steven 21 
                            {
2299 stevensc 22 
                                (!!addTitle && !!addCallback)
23 
                                &&
24 
                                <h2 className="title" onClick={addCallback}>
25 
                                    {addTitle}
26 
                                </h2>
1587 steven 27 
                            }
28 
                        </div>
29 
                    </div>
30 
                )
31 
            }
32 
            <div className="company-title">
2298 stevensc 33 
                <div className="search-box border-gray border-radius">
1587 steven 34 
                    <div className="form-group">
35 
                        <input
36 
                            type="text"
37 
                            name="search"
38 
                            id="search"
39 
                            className="form-control"
40 
                            placeholder="Buscar"
41 
                            ref={register}
42 
                            onKeyUp={handleSearch}
43 
                        />
44 
                    </div>
45 
                </div>
46 
            </div>
47 
        </>
48 
    )
49 
}