fd5c0c9747
* applied eslint * add locales and lint the project * removed error boundary * updated locales * fix min files * fix locales
38 lines
913 B
TypeScript
38 lines
913 B
TypeScript
import React, { useEffect } from 'react';
|
|
import { Icon, Input } from 'UI';
|
|
import { debounce } from 'App/utils';
|
|
|
|
let debounceUpdate: any = () => {};
|
|
interface Props {
|
|
onChange: (value: string) => void;
|
|
}
|
|
function AuditSearchField(props: Props) {
|
|
const { onChange } = props;
|
|
|
|
useEffect(() => {
|
|
debounceUpdate = debounce((value) => onChange(value), 500);
|
|
}, []);
|
|
|
|
const write = ({ target: { name, value } }) => {
|
|
debounceUpdate(value);
|
|
};
|
|
|
|
return (
|
|
<div className="relative" style={{ width: '220px' }}>
|
|
<Icon
|
|
name="search"
|
|
className="absolute top-0 bottom-0 ml-3 m-auto"
|
|
size="16"
|
|
/>
|
|
<Input
|
|
name="searchQuery"
|
|
// className="bg-white p-2 border border-gray-light rounded w-full pl-10"
|
|
placeholder="Filter by name"
|
|
onChange={write}
|
|
icon="search"
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default AuditSearchField;
|