added remove filters translation

smclab · Aug 31, 2023 · 96e3b40 · 96e3b40
1 parent 92fab3c
commit 96e3b40
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/js-packages/search-frontend/src/components/ActiveFilters.tsx b/js-packages/search-frontend/src/components/ActiveFilters.tsx
@@ -6,6 +6,8 @@ import { css } from "styled-components/macro";
 import { OverlayScrollbarsComponent } from "overlayscrollbars-react";
 import { ConfigurationUpdateFunction } from "../embeddable/entry";
 import { capitalize } from "lodash";
+import { useTranslation } from "react-i18next";
+
 const OverlayScrollbarsComponentDockerFix = OverlayScrollbarsComponent as any; // for some reason this component breaks build inside docker
 export function ActiveFilter({
   searchQuery,
@@ -16,6 +18,7 @@ export function ActiveFilter({
   onRemoveFilterToken: (searchToken: SearchToken) => void;
   onConfigurationChange: ConfigurationUpdateFunction;
 }) {
+const { t } = useTranslation();
   if (searchQuery.length === 0) return null;
   const activeFilters = searchQuery.filter(
     (search) => "goToSuggestion" in search,
@@ -110,7 +113,7 @@ export function ActiveFilter({
             `}
             onClick={() => onConfigurationChange({ filterTokens: [] })}
           >
-            Remove Filters
+            {t("remove-filters")}
           </button>
         )}
       </div>