Segment editing.

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

@@ -3,6 +3,7 @@ import { WebsiteFilterButton } from '@/app/(main)/websites/[websiteId]/WebsiteFi
 import { WebsiteDateFilter } from '@/components/input/WebsiteDateFilter';
 import { FilterBar } from '@/components/input/FilterBar';
 import { WebsiteMonthSelect } from '@/components/input/WebsiteMonthSelect';
+import { ExportButton } from '@/components/input/ExportButton';
 
 export function WebsiteControls({
   websiteId,
@@ -10,21 +11,24 @@ export function WebsiteControls({
   allowDateFilter = true,
   allowMonthFilter,
   allowCompare,
+  allowDownload = false,
 }: {
   websiteId: string;
   allowFilter?: boolean;
   allowCompare?: boolean;
   allowDateFilter?: boolean;
   allowMonthFilter?: boolean;
+  allowDownload?: boolean;
 }) {
   return (
     <Column gap>
       <Row alignItems="center" justifyContent="space-between" gap="3">
         {allowFilter ? <WebsiteFilterButton websiteId={websiteId} /> : <div />}
         {allowDateFilter && <WebsiteDateFilter websiteId={websiteId} allowCompare={allowCompare} />}
+        {allowDownload && <ExportButton websiteId={websiteId} />}
         {allowMonthFilter && <WebsiteMonthSelect websiteId={websiteId} />}
       </Row>
-      {allowFilter && <FilterBar />}
+      {allowFilter && <FilterBar websiteId={websiteId} />}
     </Column>
   );
 }