Teams refactor: removed team websites.

This commit is contained in:
Mike Cao 2024-01-25 23:20:53 -08:00
parent 0d442b751d
commit f85393f8df
23 changed files with 190 additions and 351 deletions

View file

@ -3,10 +3,9 @@ import useApi from 'components/hooks/useApi';
import useFilterQuery from 'components/hooks/useFilterQuery';
import DataTable from 'components/common/DataTable';
import UsersTable from './UsersTable';
import UsersHeader from './UsersHeader';
import useCache from 'store/cache';
export function UsersDataTable() {
export function UsersDataTable({ showActions }: { showActions: boolean }) {
const { get } = useApi();
const modified = useCache((state: any) => state?.users);
const queryResult = useFilterQuery({
@ -15,10 +14,9 @@ export function UsersDataTable() {
});
return (
<>
<UsersHeader />
<DataTable queryResult={queryResult}>{({ data }) => <UsersTable data={data} />}</DataTable>
</>
<DataTable queryResult={queryResult}>
{({ data }) => <UsersTable data={data} showActions={showActions} />}
</DataTable>
);
}

View file

@ -6,7 +6,13 @@ import useMessages from 'components/hooks/useMessages';
import useLocale from 'components/hooks/useLocale';
import UserDeleteButton from './UserDeleteButton';
export function UsersTable({ data = [] }: { data: any[] }) {
export function UsersTable({
data = [],
showActions = true,
}: {
data: any[];
showActions?: boolean;
}) {
const { formatMessage, labels } = useMessages();
const { dateLocale } = useLocale();
const breakpoint = useBreakpoint();
@ -29,24 +35,26 @@ export function UsersTable({ data = [] }: { data: any[] }) {
})
}
</GridColumn>
<GridColumn name="action" label=" " alignment="end">
{row => {
const { id, username } = row;
return (
<>
<Link href={`/settings/users/${id}`}>
<Button>
<Icon>
<Icons.Edit />
</Icon>
<Text>{formatMessage(labels.edit)}</Text>
</Button>
</Link>
<UserDeleteButton userId={id} username={username} />
</>
);
}}
</GridColumn>
{showActions && (
<GridColumn name="action" label=" " alignment="end">
{row => {
const { id, username } = row;
return (
<>
<Link href={`/settings/users/${id}`}>
<Button>
<Icon>
<Icons.Edit />
</Icon>
<Text>{formatMessage(labels.edit)}</Text>
</Button>
</Link>
<UserDeleteButton userId={id} username={username} />
</>
);
}}
</GridColumn>
)}
</GridTable>
);
}

View file

@ -1,8 +1,14 @@
import UsersDataTable from './UsersDataTable';
import { Metadata } from 'next';
import UsersDataTable from './UsersDataTable';
import UsersHeader from './UsersHeader';
export default function () {
return <UsersDataTable />;
return (
<>
<UsersHeader />
<UsersDataTable />
</>
);
}
export const metadata: Metadata = {
title: 'Users | umami',