New properties screens. New website nav.

This commit is contained in:
Mike Cao 2025-07-17 01:18:31 -07:00
parent a9a9b57f80
commit 01bfd7f52e
17 changed files with 536 additions and 557 deletions

View file

@ -7,6 +7,7 @@ import { Panel } from '@/components/common/Panel';
import { Breakdown } from './Breakdown';
import { WebsiteControls } from '@/app/(main)/websites/[websiteId]/WebsiteControls';
import { FieldSelectForm } from '@/app/(main)/websites/[websiteId]/(reports)/breakdown/FieldSelectForm';
import { SectionHeader } from '@/components/common/SectionHeader';
export function BreakdownPage({ websiteId }: { websiteId: string }) {
const {
@ -17,7 +18,9 @@ export function BreakdownPage({ websiteId }: { websiteId: string }) {
return (
<Column gap>
<WebsiteControls websiteId={websiteId} />
<FieldsButton value={fields} onChange={setFields} />
<SectionHeader>
<FieldsButton value={fields} onChange={setFields} />
</SectionHeader>
<Panel height="900px" overflow="auto" allowFullscreen>
<Breakdown
websiteId={websiteId}
@ -36,7 +39,7 @@ const FieldsButton = ({ value, onChange }) => {
return (
<Box>
<DialogTrigger>
<Button>
<Button variant="primary">
<Icon>
<ListCheck />
</Icon>

View file

@ -23,7 +23,7 @@ export function UTM({ websiteId, startDate, endDate }: UTMProps) {
});
return (
<LoadingPanel data={data} isLoading={isLoading} error={error}>
<LoadingPanel data={data} isLoading={isLoading} error={error} minHeight="300px">
{data && (
<Column gap>
{UTM_PARAMS.map(param => {