Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from 'react'
import { useForm } from 'react-hook-form'

export default function SearchList ({
  title,
  fetchCallback,
  addTitle = '',
  addCallback = ''
}) {
  const { register, getValues } = useForm()

  const handleSearch = () => {
    const searchValue = getValues('search')
    if (fetchCallback) setTimeout(() => fetchCallback(searchValue), [500])
  }

  return (
        <>
            {!!title &&
                <div className="company-title">
                    <div className="section_admin_title_buttons" style={!addTitle ? { width: '100%' } : {}}>
                        <h1
                            className="title"
                            style={!addTitle ? { flex: '1', textAlign: 'center' } : {}}
                        >{title}</h1>
                        {(!!addTitle && !!addCallback) &&
                            <h2 className="title" onClick={addCallback}>
                                {addTitle}
                            </h2>
                        }
                    </div>
                </div>
            }
            <div className="search-box">
                <input
                    type="text"
                    name="search"
                    id="search"
                    className="form-control"
                    placeholder=""
                    ref={register}
                    onKeyUp={handleSearch}
                />
            </div>
        </>
  )
}