Skip to content
Snippets Groups Projects
Unverified Commit 8575ff35 authored by Nemanja Glumac's avatar Nemanja Glumac Committed by GitHub
Browse files

Restore border in a default state for bulk filter input (#38150)

Fixes #38149
parent c29deb8a
No related branches found
No related tags found
No related merge requests found
......@@ -3,8 +3,6 @@ import { useDebounce } from "react-use";
import { t } from "ttag";
import { Flex, TextInput, Icon } from "metabase/ui";
import { isSearchActive } from "../utils";
const SEARCH_TIMEOUT = 200;
interface FilterSearchInputProps {
......@@ -17,8 +15,6 @@ export function FilterSearchInput({
onChange,
}: FilterSearchInputProps) {
const [inputText, setInputText] = useState("");
const [isFocused, setIsFocused] = useState(false);
const isActive = isFocused || isSearchActive(inputText);
useDebounce(
() => inputText !== searchText && onChange(inputText),
......@@ -32,12 +28,9 @@ export function FilterSearchInput({
type="search"
value={inputText}
icon={<Icon name="search" />}
variant={isActive ? "default" : "unstyled"}
placeholder={t`Search for a column…`}
aria-hidden
onChange={event => setInputText(event.currentTarget.value)}
onFocus={() => setIsFocused(true)}
onBlur={() => setIsFocused(false)}
/>
</Flex>
);
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment