diff --git a/client/src/sites/pg/components/PgFacetSalary.tsx b/client/src/sites/pg/components/PgFacetSalary.tsx index 96d998f0..9b76437c 100644 --- a/client/src/sites/pg/components/PgFacetSalary.tsx +++ b/client/src/sites/pg/components/PgFacetSalary.tsx @@ -2,7 +2,7 @@ * #quality-25% #155 — see [[jobListFilters.ts]] */ import { Flex, NumberInput, Stack, Switch, Text } from "@chakra-ui/react"; -import { useRef } from "react"; +import { useEffect, useRef } from "react"; import { facetStyle } from "@/components/algolia/AlgoliaFacets"; import { ids } from "@/e2e/ids"; import { useJobListFilters } from "@/sites/pg/pages/jobs/list/jobListFilters"; @@ -12,6 +12,13 @@ const textStyle = { ...facetStyle.value, color: "fg" } as const; export function PgFacetSalary() { const filters = useJobListFilters(); const debounceRef = useRef>(null); + const inputRef = useRef(null); + + useEffect(() => { + if (filters.snap.salaryMin == null && inputRef.current) { + inputRef.current.value = ""; + } + }, [filters.snap.salaryMin]); function handleValueChange(details: { valueAsNumber: number }) { clearTimeout(debounceRef.current ?? undefined); @@ -25,7 +32,6 @@ export function PgFacetSalary() { return (