github/umami
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Updated tables. Added MenuButton.

Browse Source
This commit is contained in:
Mike Cao
2025-05-07 04:10:27 -07:00
parent 92b283486e
commit a15c7cd596
27 changed files with 334 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/(main)/settings/teams/TeamAddForm.tsx
View File

@@ -30,12 +30,12 @@ export function TeamAddForm({ onSave, onClose }: { onSave: () => void; onClose:
<TextField autoComplete="off" />
</FormField>
<FormButtons>
<FormSubmitButton variant="primary" isDisabled={isPending}>
{formatMessage(labels.save)}
</FormSubmitButton>
<Button isDisabled={isPending} onPress={onClose}>
{formatMessage(labels.cancel)}
</Button>
<FormSubmitButton variant="primary" isDisabled={isPending}>
{formatMessage(labels.save)}
</FormSubmitButton>
</FormButtons>
</Form>
);

2
src/app/(main)/settings/teams/TeamJoinForm.tsx
View File

@@ -34,8 +34,8 @@ export function TeamJoinForm({ onSave, onClose }: { onSave: () => void; onClose:
<TextField autoComplete="off" />
</FormField>
<FormButtons>
<FormSubmitButton variant="primary">{formatMessage(labels.join)}</FormSubmitButton>
<Button onPress={onClose}>{formatMessage(labels.cancel)}</Button>
<FormSubmitButton variant="primary">{formatMessage(labels.join)}</FormSubmitButton>
</FormButtons>
</Form>
);

28
src/app/(main)/settings/teams/TeamsTable.tsx
View File

@@ -1,8 +1,8 @@
import { DataColumn, DataTable, Icon, Text } from '@umami/react-zen';
import { DataColumn, DataTable, Icon, MenuItem, Text, Row } from '@umami/react-zen';
import { useMessages } from '@/components/hooks';
import { Icons } from '@/components/icons';
import { ROLES } from '@/lib/constants';
import { LinkButton } from '@/components/common/LinkButton';
import { MenuButton } from '@/components/input/MenuButton';
export function TeamsTable({
data = [],
@@ -32,12 +32,24 @@ export function TeamsTable({
const { id } = row;
return (
<LinkButton href={`/teams/${id}/settings`}>
<Icon>
<Icons.Arrow />
</Icon>
<Text>{formatMessage(labels.view)}</Text>
</LinkButton>
<MenuButton>
<MenuItem href={`/teams/${id}`}>
<Row alignItems="center" gap>
<Icon>
<Icons.Arrow />
</Icon>
<Text>{formatMessage(labels.view)}</Text>
</Row>
</MenuItem>
<MenuItem href={`/teams/${id}/settings`}>
<Row alignItems="center" gap>
<Icon>
<Icons.Edit />
</Icon>
<Text>{formatMessage(labels.edit)}</Text>
</Row>
</MenuItem>
</MenuButton>
);
}}
</DataColumn>