diff options
Diffstat (limited to 'packages/web-util/src/forms/InputSelectMultiple.tsx')
| -rw-r--r-- | packages/web-util/src/forms/InputSelectMultiple.tsx | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/packages/web-util/src/forms/InputSelectMultiple.tsx b/packages/web-util/src/forms/InputSelectMultiple.tsx index a67eb23b7..d1e31c15c 100644 --- a/packages/web-util/src/forms/InputSelectMultiple.tsx +++ b/packages/web-util/src/forms/InputSelectMultiple.tsx @@ -4,6 +4,7 @@ import { UIFormProps } from "./FormProvider.js"; import { ChoiceS } from "./InputChoiceStacked.js"; import { LabelWithTooltipMaybeRequired } from "./InputLine.js"; import { useField } from "./useField.js"; +import { useTranslationContext } from "../index.browser.js"; export function InputSelectMultiple<T extends object, K extends keyof T>( props: { @@ -22,6 +23,8 @@ export function InputSelectMultiple<T extends object, K extends keyof T>( return { ...prev, [curr.value as string]: curr.label }; }, {} as Record<string, string>); + const { i18n } = useTranslationContext(); + const list = (value ?? []) as string[]; const filteredChoices = filter === undefined @@ -51,7 +54,7 @@ export function InputSelectMultiple<T extends object, K extends keyof T>( }} class="group relative h-5 w-5 rounded-sm hover:bg-gray-500/20" > - <span class="sr-only">Remove</span> + <span class="sr-only"><i18n.Translate>Remove</i18n.Translate></span> <svg viewBox="0 0 14 14" class="h-5 w-5 stroke-gray-700/50 group-hover:stroke-gray-700/75" @@ -81,6 +84,7 @@ export function InputSelectMultiple<T extends object, K extends keyof T>( <button type="button" disabled={state.disabled} + aria-label={i18n.str`Clear filter`} onClick={() => { setFilter(filter === undefined ? "" : undefined); }} |