Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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