diff --git a/src/components/ColumnFilterButton.tsx b/src/components/ColumnFilterButton.tsx index 689f78983..340166ced 100644 --- a/src/components/ColumnFilterButton.tsx +++ b/src/components/ColumnFilterButton.tsx @@ -17,6 +17,7 @@ import { CheckIcon, ChevronDownIcon, Funnel } from "lucide-react"; import { cn } from "@app/lib/cn"; import { dataTableFilterPopoverContentClassName } from "@app/lib/dataTableFilterPopover"; import { Badge } from "./ui/badge"; +import { useTranslations } from "next-intl"; interface FilterOption { value: string; @@ -27,7 +28,6 @@ interface ColumnFilterButtonProps { options: FilterOption[]; selectedValue?: string; onValueChange: (value: string | undefined) => void; - placeholder?: string; searchPlaceholder?: string; emptyMessage?: string; className?: string; @@ -38,7 +38,6 @@ export function ColumnFilterButton({ options, selectedValue, onValueChange, - placeholder, searchPlaceholder = "Search...", emptyMessage = "No options found", className, @@ -50,6 +49,8 @@ export function ColumnFilterButton({ (option) => option.value === selectedValue ); + const t = useTranslations(); + return ( @@ -94,7 +95,7 @@ export function ColumnFilterButton({ }} className="text-muted-foreground" > - Clear filter + {t("accessFilterClear")} )} {options.map((option) => ( diff --git a/src/components/ColumnMultiFilterButton.tsx b/src/components/ColumnMultiFilterButton.tsx index 17332a9ae..33e81e8dd 100644 --- a/src/components/ColumnMultiFilterButton.tsx +++ b/src/components/ColumnMultiFilterButton.tsx @@ -120,7 +120,7 @@ export function ColumnMultiFilterButton({ }} className="text-muted-foreground" > - {t("accessUsersRoleFilterClear")} + {t("accessFilterClear")} )} {options.map((option) => (