search - better work with focus, unified component

This commit is contained in:
Jan Prochazka
2020-05-10 21:27:07 +02:00
parent 125ba3b0c8
commit 8f5467859b
6 changed files with 35 additions and 10 deletions

View File

@@ -7,7 +7,7 @@ const StyledInput = styled.input`
min-width: 90px;
`;
export default function SearchInput({ placeholder, filter, setFilter }) {
export default function SearchInput({ placeholder, filter, setFilter, inputRef = undefined }) {
const handleKeyDown = (ev) => {
if (ev.keyCode == keycodes.escape) {
setFilter('');
@@ -15,6 +15,7 @@ export default function SearchInput({ placeholder, filter, setFilter }) {
};
return (
<StyledInput
ref={inputRef}
type="text"
placeholder={placeholder}
value={filter}