Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2718 | Rev 5070 | 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'
3 
import { useForm } from "react-hook-form"
4 
 
3517 stevensc 5 
export default function SearchList({
6 
    title,
7 
    fetchCallback,
8 
    addTitle = '',
9 
    addCallback = ''
10 
}) {
11 
 
1587 steven 12 
    const { register, getValues } = useForm();
3517 stevensc 13 
 
1587 steven 14 
    const handleSearch = () => {
15 
        const searchValue = getValues("search");
3517 stevensc 16 
        if (fetchCallback) setTimeout(() => fetchCallback(searchValue), [500])
1587 steven 17 
    };
3517 stevensc 18 
 
1587 steven 19 
    return (
20 
        <>
3517 stevensc 21 
            {!!title &&
22 
                <div className="company-title">
23 
                    <div
24 
                        className="section_admin_title_buttons"
25 
                        style={!addTitle ? { width: '100%' } : {}}
26 
                    >
27 
                        <h1
28 
                            className="title"
29 
                            style={!addTitle ? { flex: '1', textAlign: 'center' } : {}}
30 
                        >{title}</h1>
31 
                        {
32 
                            (!!addTitle && !!addCallback)
33 
                            &&
34 
                            <h2 className="title" onClick={addCallback}>
35 
                                {addTitle}
36 
                            </h2>
37 
                        }
1587 steven 38 
                    </div>
3517 stevensc 39 
                </div>
1587 steven 40 
            }
41 
            <div className="company-title">
2298 stevensc 42 
                <div className="search-box border-gray border-radius">
1587 steven 43 
                    <div className="form-group">
44 
                        <input
45 
                            type="text"
46 
                            name="search"
47 
                            id="search"
48 
                            className="form-control"
2718 stevensc 49 
                            placeholder=""
1587 steven 50 
                            ref={register}
51 
                            onKeyUp={handleSearch}
52 
                        />
53 
                    </div>
54 
                </div>
55 
            </div>
56 
        </>
57 
    )
58 
}