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="company-title">
                <div className="search-box border-gray border-radius">
                    <div className="form-group">
                        <input
                            type="text"
                            name="search"
                            id="search"
                            className="form-control"
                            placeholder=""
                            ref={register}
                            onKeyUp={handleSearch}
                        />
                    </div>
                </div>
            </div>
        </>
    )
}