Pixel/links development. New validations folder. More refactoring.

src/app/(main)/teams/TeamsDataTable.tsx

@@ -0,0 +1,24 @@
+import { DataGrid } from '@/components/common/DataGrid';
+import { TeamsTable } from './TeamsTable';
+import { useLoginQuery, useUserTeamsQuery } from '@/components/hooks';
+import { ReactNode } from 'react';
+
+export function TeamsDataTable({
+  allowEdit,
+  showActions,
+}: {
+  allowEdit?: boolean;
+  showActions?: boolean;
+  children?: ReactNode;
+}) {
+  const { user } = useLoginQuery();
+  const query = useUserTeamsQuery(user.id);
+
+  return (
+    <DataGrid query={query}>
+      {({ data }) => {
+        return <TeamsTable data={data} allowEdit={allowEdit} showActions={showActions} />;
+      }}
+    </DataGrid>
+  );
+}