1 files changed, 27 insertions, 0 deletions
diff --git a/src/app/(main)/teams/TeamsDataTable.tsx b/src/app/(main)/teams/TeamsDataTable.tsx
new file mode 100644
index 0000000..cdce7b9
--- /dev/null
+++ b/src/app/(main)/teams/TeamsDataTable.tsx
@@ -0,0 +1,27 @@
+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>
+  );
+}