Updated filter bar.

src/app/(main)/websites/[websiteId]/WebsiteHeader.tsx

@@ -17,7 +17,7 @@ import { WebsiteTabs } from '@/app/(main)/websites/[websiteId]/WebsiteTabs';
 import { useWebsite } from '@/components/hooks/useWebsite';
 import { WebsiteFilterButton } from '@/app/(main)/websites/[websiteId]/WebsiteFilterButton';
 import { WebsiteDateFilter } from '@/components/input/WebsiteDateFilter';
-import { FilterTags } from '@/components/metrics/FilterTags';
+import { FilterBar } from '@/components/metrics/FilterBar';
 import { useMessages } from '@/components/hooks';
 
 export function WebsiteHeader({
@@ -73,7 +73,7 @@ export function WebsiteHeader({
         </Row>
       </Row>
       {compareMode && items.map(item => <div key={item.value}>{item.label}</div>)}
-      <FilterTags websiteId={websiteId} />
+      <FilterBar websiteId={websiteId} />
       <WebsiteTabs websiteId={websiteId} />
     </Column>
   );

src/app/(main)/websites/[websiteId]/compare/WebsiteComparePage.tsx

@@ -3,7 +3,7 @@ import { Grid } from '@umami/react-zen';
 import { Panel } from '@/components/common/Panel';
 import { WebsiteHeader } from '../WebsiteHeader';
 import { WebsiteMetricsBar } from '../WebsiteMetricsBar';
-import { FilterTags } from '@/components/metrics/FilterTags';
+import { FilterBar } from '@/components/metrics/FilterBar';
 import { WebsiteChart } from '../WebsiteChart';
 import { WebsiteCompareTables } from './WebsiteCompareTables';
 
@@ -11,7 +11,7 @@ export function WebsiteComparePage({ websiteId }) {
   return (
     <Grid gap="3">
       <WebsiteHeader websiteId={websiteId} />
-      <FilterTags websiteId={websiteId} />
+      <FilterBar websiteId={websiteId} />
       <WebsiteMetricsBar websiteId={websiteId} compareMode={true} showFilter={true} />
       <Panel>
         <WebsiteChart websiteId={websiteId} compareMode={true} />