Boards components.
Some checks failed
Node.js CI / build (postgresql, 18.18, 10) (push) Has been cancelled

This commit is contained in:
Mike Cao 2025-11-29 15:59:01 -08:00
parent 7edddf15a7
commit a39ebffd8b
20 changed files with 450 additions and 33 deletions

View file

@ -1,16 +1,27 @@
'use client';
import { Column } from '@umami/react-zen';
import { Column, IconLabel } from '@umami/react-zen';
import { LinkButton } from '@/components/common/LinkButton';
import { PageBody } from '@/components/common/PageBody';
import { PageHeader } from '@/components/common/PageHeader';
import { BoardAddButton } from './BoardAddButton';
import { Panel } from '@/components/common/Panel';
import { useMessages } from '@/components/hooks';
import { Plus } from '@/components/icons';
import { BoardsDataTable } from './BoardsDataTable';
export function BoardsPage() {
const { formatMessage, labels } = useMessages();
return (
<PageBody>
<Column margin="2">
<PageHeader title="My Boards">
<BoardAddButton />
<PageHeader title={formatMessage(labels.boards)}>
<LinkButton href="/boards/create" variant="primary">
<IconLabel icon={<Plus />} label={formatMessage(labels.addBoard)} />
</LinkButton>
</PageHeader>
<Panel>
<BoardsDataTable />
</Panel>
</Column>
</PageBody>
);