New settings layouts. Segment management screen.

This commit is contained in:
Mike Cao 2025-08-07 05:14:35 -07:00
parent 2dbcf63eeb
commit eb7b6978d3
70 changed files with 762 additions and 499 deletions

View file

@ -1,16 +1,19 @@
'use client';
import { AdminWebsitesDataTable } from './AdminWebsitesDataTable';
import { Column } from '@umami/react-zen';
import { SectionHeader } from '@/components/common/SectionHeader';
import { useMessages } from '@/components/hooks';
import { PageHeader } from '@/components/common/PageHeader';
import { Panel } from '@/components/common/Panel';
export function AdminWebsitesPage() {
const { formatMessage, labels } = useMessages();
return (
<Column gap>
<SectionHeader title={formatMessage(labels.websites)} />
<AdminWebsitesDataTable />
<Column gap="6">
<PageHeader title={formatMessage(labels.websites)} />
<Panel>
<AdminWebsitesDataTable />
</Panel>
</Column>
);
}

View file

@ -55,7 +55,7 @@ export function AdminWebsitesTable({ data = [] }: { data: any[] }) {
return (
<MenuButton>
<MenuItem href={`/admin/users/${id}`} data-test="link-button-edit">
<MenuItem href={`/admin/websites/${id}`} data-test="link-button-edit">
<Row alignItems="center" gap>
<Icon>
<Edit />

View file

@ -1,11 +1,14 @@
'use client';
import { WebsiteSettings } from '@/app/(main)/settings/websites/[websiteId]/WebsiteSettings';
import { WebsiteProvider } from '@/app/(main)/websites/[websiteId]/WebsiteProvider';
import { Panel } from '@/components/common/Panel';
export function AdminWebsitePage({ websiteId }: { websiteId: string }) {
return (
<WebsiteProvider websiteId={websiteId}>
<WebsiteSettings websiteId={websiteId} />
<Panel>
<WebsiteSettings websiteId={websiteId} />
</Panel>
</WebsiteProvider>
);
}

View file

@ -1,10 +1,10 @@
import { AdminWebsitePage } from './AdminWebsitePage';
import { Metadata } from 'next';
import { WebsiteSettingsPage } from '@/app/(main)/settings/websites/[websiteId]/WebsiteSettingsPage';
export default async function ({ params }: { params: Promise<{ websiteId: string }> }) {
const { websiteId } = await params;
return <AdminWebsitePage websiteId={websiteId} />;
return <WebsiteSettingsPage websiteId={websiteId} />;
}
export const metadata: Metadata = {