diff --git a/src/features/explorer/components/explorerFilter.tsx b/src/features/explorer/components/explorerFilter.tsx index c2cebbf29..972980884 100644 --- a/src/features/explorer/components/explorerFilter.tsx +++ b/src/features/explorer/components/explorerFilter.tsx @@ -83,7 +83,7 @@ const ExplorerFilter = () => { {intl.formatMessage(messages.filters)} - {filters.length > 0 && [...filters.slice(0, 8).filter((value) => value.status).map((value) => generateFilter(dispatch, value)), ...filters.slice(8).map((value) => generateFilter(dispatch, value))]} + {filters.length > 0 && [...filters.slice(0, 8).filter((value) => value.status).map((value) => generateFilter(dispatch, intl, value)), ...filters.slice(8).map((value) => generateFilter(dispatch, intl, value))]} { setInputValue('')} + aria-label={intl.formatMessage(messages.clearSearch)} className={clsx('size-4 text-gray-600', { hidden: !hasValue })} /> @@ -374,7 +377,7 @@ const ToggleRepliesFilter = () => { ); }; -const generateFilter = (dispatch: AppDispatch, { name, status }: IGenerateFilter) => { +const generateFilter = (dispatch: AppDispatch, intl: IntlShape, { name, status }: IGenerateFilter) => { const nameLowCase = name.toLowerCase(); let borderColor = ''; @@ -425,13 +428,13 @@ const generateFilter = (dispatch: AppDispatch, { name, status }: IGenerateFilter return (
{name.toLowerCase() !== 'default' ? name : }
);