28 lines
768 B
TypeScript
28 lines
768 B
TypeScript
import Link from 'next/link';
|
|
import { DataGrid } from '@/components/common/DataGrid';
|
|
import { useLoginQuery, useNavigation, useUserTeamsQuery } from '@/components/hooks';
|
|
import { TeamsTable } from './TeamsTable';
|
|
|
|
export function TeamsDataTable() {
|
|
const { user } = useLoginQuery();
|
|
const query = useUserTeamsQuery(user.id);
|
|
const { pathname } = useNavigation();
|
|
const isSettings = pathname.includes('/settings');
|
|
|
|
const renderLink = (row: any) => {
|
|
return (
|
|
<Link key={row.id} href={`${isSettings ? '/settings' : ''}/teams/${row.id}`}>
|
|
{row.name}
|
|
</Link>
|
|
);
|
|
};
|
|
|
|
return (
|
|
<DataGrid query={query}>
|
|
{({ data }) => {
|
|
return <TeamsTable data={data} renderLink={renderLink} />;
|
|
}}
|
|
</DataGrid>
|
|
);
|
|
}
|