diff --git a/apps/web/public/static/locales/en/common.json b/apps/web/public/static/locales/en/common.json index 5c0bc42a19..dceb80940c 100644 --- a/apps/web/public/static/locales/en/common.json +++ b/apps/web/public/static/locales/en/common.json @@ -1865,6 +1865,7 @@ "looking_for_more_analytics": "Looking for more analytics?", "looking_for_more_insights": "Looking for more Insights?", "add_filter": "Add filter", + "remove_filters": "Clear all filters", "select_user": "Select User", "select_event_type": "Select Event Type", "select_date_range": "Select Date Range", diff --git a/packages/features/bookings/components/FiltersContainer.tsx b/packages/features/bookings/components/FiltersContainer.tsx index ee25281eaa..2fe1c93fcc 100644 --- a/packages/features/bookings/components/FiltersContainer.tsx +++ b/packages/features/bookings/components/FiltersContainer.tsx @@ -21,6 +21,7 @@ import { Avatar, FilterSearchField, Tooltip, + Button, } from "@calcom/ui"; import { Plus } from "@calcom/ui/components/icon"; @@ -94,6 +95,8 @@ const PeopleFilter = () => { export function FiltersContainer() { const { t } = useLocale(); + const { removeAllQueryParams } = useFilterQuery(); + const [addFilterOptions, toggleOption, isFilterActive] = useBookingMultiFilterStore((state) => [ state.addFilterOptions, state.toggleOption, @@ -135,7 +138,18 @@ export function FiltersContainer() { {isPeopleFilterActive && } {isEventTypeFilterActive && } - + {(isPeopleFilterActive || isEventTypeFilterActive) && ( + + + + )} );