33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
import { Column, Row } from '@umami/react-zen';
|
|
import { ExportButton } from '@/components/input/ExportButton';
|
|
import { FilterBar } from '@/components/input/FilterBar';
|
|
import { MonthFilter } from '@/components/input/MonthFilter';
|
|
import { WebsiteDateFilter } from '@/components/input/WebsiteDateFilter';
|
|
import { WebsiteFilterButton } from '@/components/input/WebsiteFilterButton';
|
|
|
|
export function PixelControls({
|
|
pixelId: websiteId,
|
|
allowFilter = true,
|
|
allowDateFilter = true,
|
|
allowMonthFilter,
|
|
allowDownload = false,
|
|
}: {
|
|
pixelId: string;
|
|
allowFilter?: 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} showAllTime={false} />}
|
|
{allowDownload && <ExportButton websiteId={websiteId} />}
|
|
{allowMonthFilter && <MonthFilter />}
|
|
</Row>
|
|
{allowFilter && <FilterBar websiteId={websiteId} />}
|
|
</Column>
|
|
);
|
|
}
|