diff --git a/assets/js/dashboard/nav-menu/filters-bar.tsx b/assets/js/dashboard/nav-menu/filters-bar.tsx index fad661a481022..22aacb4cbf926 100644 --- a/assets/js/dashboard/nav-menu/filters-bar.tsx +++ b/assets/js/dashboard/nav-menu/filters-bar.tsx @@ -10,6 +10,7 @@ import { } from '../components/dropdown' import { FilterPillsList, PILL_X_GAP } from './filter-pills-list' import { useQueryContext } from '../query-context' +import { AppNavigationLink } from '../navigation/use-app-navigate' const LEFT_ACTIONS_GAP_PX = 16 const SEE_MORE_GAP_PX = 16 @@ -210,6 +211,7 @@ export const FiltersBar = () => { start: visibility.visibleCount }} /> + ) : null} @@ -218,3 +220,18 @@ export const FiltersBar = () => { ) } + + +const ClearAction = () => ( + ({ + ...search, + filters: null, + labels: null + })} + > + Clear all filters + +)