diff --git a/frontend/components/filters/filter-button.tsx b/frontend/components/filters/filter-button.tsx index 009a1a40..5b967797 100644 --- a/frontend/components/filters/filter-button.tsx +++ b/frontend/components/filters/filter-button.tsx @@ -1,11 +1,12 @@ import { FilterOption } from "@components/table/table-head"; -import { Button, Checkbox } from "@mantine/core"; +import { Button, Checkbox, Tooltip } from "@mantine/core"; import { useCallback } from "react"; import { UnknownFilterOption } from "./filter-select"; import styles from "./filters.module.css"; type Props = { readonly isHidden: boolean; + readonly isUnavailable: boolean; readonly onClick: (value: TFilterOption | null) => void; readonly filterOption: UnknownFilterOption | FilterOption; }; @@ -18,19 +19,26 @@ export function FilterButton( }, [props]); return ( - + + ); } diff --git a/frontend/components/filters/filter-select.tsx b/frontend/components/filters/filter-select.tsx index 45106699..6177817e 100644 --- a/frontend/components/filters/filter-select.tsx +++ b/frontend/components/filters/filter-select.tsx @@ -85,6 +85,10 @@ export function FilterSelect< filterOption={filterOption} onClick={handleFilterClick} isHidden={hiddenValues.includes(filterOption.value)} + isUnavailable={Boolean( + filterOption.value && + column.unavailableValues?.includes(filterOption.value), + )} key={filterOption.value} /> ))}