Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5070 | Rev 5085 | 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">
5084 stevensc 22 
                    <div className="section_admin_title_buttons" style={!addTitle ? { width: '100%' } : {}}>
3517 stevensc 23 
                        <h1
24 
                            className="title"
25 
                            style={!addTitle ? { flex: '1', textAlign: 'center' } : {}}
26 
                        >{title}</h1>
5084 stevensc 27 
                        {(!!addTitle && !!addCallback) &&
3517 stevensc 28 
                            <h2 className="title" onClick={addCallback}>
29 
                                {addTitle}
30 
                            </h2>
31 
                        }
1587 steven 32 
                    </div>
3517 stevensc 33 
                </div>
1587 steven 34 
            }
5084 stevensc 35 
            <div className="search-box">
36 
                <input
37 
                    type="text"
38 
                    name="search"
39 
                    id="search"
40 
                    className="form-control"
41 
                    placeholder=""
42 
                    ref={register}
43 
                    onKeyUp={handleSearch}
44 
                />
1587 steven 45 
            </div>
46 
        </>
5070 stevensc 47 
  )
1587 steven 48 
}