Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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