diff --git a/frontend/__snapshots__/filters-property-filter-button--filter-types--dark.png b/frontend/__snapshots__/filters-property-filter-button--filter-types--dark.png index a1b68be569fea..0672903871c50 100644 Binary files a/frontend/__snapshots__/filters-property-filter-button--filter-types--dark.png and b/frontend/__snapshots__/filters-property-filter-button--filter-types--dark.png differ diff --git a/frontend/__snapshots__/filters-property-filter-button--filter-types--light.png b/frontend/__snapshots__/filters-property-filter-button--filter-types--light.png index a74328c260a96..4873b57513359 100644 Binary files a/frontend/__snapshots__/filters-property-filter-button--filter-types--light.png and b/frontend/__snapshots__/filters-property-filter-button--filter-types--light.png differ diff --git a/frontend/src/lib/components/PropertyFilters/components/PropertyFilterIcon.tsx b/frontend/src/lib/components/PropertyFilters/components/PropertyFilterIcon.tsx index e5f21f758ca64..c07469732a56d 100644 --- a/frontend/src/lib/components/PropertyFilters/components/PropertyFilterIcon.tsx +++ b/frontend/src/lib/components/PropertyFilters/components/PropertyFilterIcon.tsx @@ -1,33 +1,36 @@ -import { IconPerson } from '@posthog/icons' +import { IconBuilding, IconPerson } from '@posthog/icons' import { IconCohort, IconUnverifiedEvent } from 'lib/lemon-ui/icons' import { Tooltip } from 'lib/lemon-ui/Tooltip' import { PropertyFilterType } from '~/types' -export function PropertyFilterIcon({ type }: { type?: PropertyFilterType }): JSX.Element { - let iconElement = <> +export function PropertyFilterIcon({ type }: { type?: PropertyFilterType }): JSX.Element | null { switch (type) { case 'event': - iconElement = ( + return ( ) - break case 'person': - iconElement = ( + return ( ) - break case 'cohort': - iconElement = ( + return ( ) - break + case 'group': + return ( + + + + ) + default: + return null } - return iconElement }