fix(toolbar): ent-3490 clear filters copy updated (#582)

RedHatInsights · Apr 20, 2021 · 685828b · 685828b
1 parent 32a8883
commit 685828b
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 0 deletions.
diff --git a/public/locales/en-US.json b/public/locales/en-US.json
@@ -92,6 +92,7 @@
     "category": "Filter by",
     "category_sla": "SLA",
     "category_usage": "Usage",
+    "clearFilters": "Reset filters",
     "button_displayName": "Search button for name",
     "placeholder": "Filter by",
     "placeholder_displayName": "Filter by name",

diff --git a/src/components/i18n/__tests__/__snapshots__/i18n.test.js.snap b/src/components/i18n/__tests__/__snapshots__/i18n.test.js.snap
@@ -376,6 +376,10 @@ Array [
         "key": "curiosity-toolbar.placeholder",
         "match": "t('curiosity-toolbar.placeholder', { context: field })",
       },
+      Object {
+        "key": "curiosity-toolbar.clearFilters",
+        "match": "t('curiosity-toolbar.clearFilters')",
+      },
       Object {
         "key": "curiosity-toolbar.category",
         "match": "t('curiosity-toolbar.category')",

diff --git a/src/components/toolbar/__tests__/__snapshots__/toolbar.test.js.snap b/src/components/toolbar/__tests__/__snapshots__/toolbar.test.js.snap
@@ -515,6 +515,7 @@ exports[`Toolbar Component should render a non-connected component: non-connecte
 <Toolbar
   className="curiosity-toolbar pf-m-toggle-group-container ins-c-primary-toolbar"
   clearAllFilters={[Function]}
+  clearFiltersButtonText="t(curiosity-toolbar.clearFilters)"
   collapseListedFiltersBreakpoint="sm"
   id="curiosity-toolbar"
 >
@@ -667,6 +668,7 @@ exports[`Toolbar Component should render filters when props are populated: props
 <Toolbar
   className="curiosity-toolbar pf-m-toggle-group-container ins-c-primary-toolbar"
   clearAllFilters={[Function]}
+  clearFiltersButtonText="t(curiosity-toolbar.clearFilters)"
   collapseListedFiltersBreakpoint="sm"
   id="curiosity-toolbar"
 >
@@ -827,6 +829,7 @@ exports[`Toolbar Component should render specific filters when the filterOptions
 <Toolbar
   className="curiosity-toolbar pf-m-toggle-group-container ins-c-primary-toolbar"
   clearAllFilters={[Function]}
+  clearFiltersButtonText="t(curiosity-toolbar.clearFilters)"
   collapseListedFiltersBreakpoint="sm"
   id="curiosity-toolbar"
 >

diff --git a/src/components/toolbar/toolbar.js b/src/components/toolbar/toolbar.js
@@ -242,6 +242,7 @@ class Toolbar extends React.Component {
         className="curiosity-toolbar pf-m-toggle-group-container ins-c-primary-toolbar"
         collapseListedFiltersBreakpoint="sm"
         clearAllFilters={this.onClear}
+        clearFiltersButtonText={t('curiosity-toolbar.clearFilters')}
       >
         <ToolbarContent>
           <ToolbarToggleGroup toggleIcon={<FilterIcon />} breakpoint="md">