Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2299 | Rev 2306 | 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">
2305 stevensc 20 
                            <h1
21 
                                className="title"
22 
                                style={!addTitle && { flex: '1', textAlign: 'center' }}
23 
                            >{title}</h1>
1587 steven 24 
                            {
2299 stevensc 25 
                                (!!addTitle && !!addCallback)
26 
                                &&
27 
                                <h2 className="title" onClick={addCallback}>
28 
                                    {addTitle}
29 
                                </h2>
1587 steven 30 
                            }
31 
                        </div>
32 
                    </div>
33 
                )
34 
            }
35 
            <div className="company-title">
2298 stevensc 36 
                <div className="search-box border-gray border-radius">
1587 steven 37 
                    <div className="form-group">
38 
                        <input
39 
                            type="text"
40 
                            name="search"
41 
                            id="search"
42 
                            className="form-control"
43 
                            placeholder="Buscar"
44 
                            ref={register}
45 
                            onKeyUp={handleSearch}
46 
                        />
47 
                    </div>
48 
                </div>
49 
            </div>
50 
        </>
51 
    )
52 
}