add usersList table

2026-01-19 16:34:29 +07:00
parent fe8b6e42cc
commit 3c6dab7971
16 changed files with 2161 additions and 51 deletions
@@ -1,9 +1,14 @@
 import type { Metadata } from "next";
+import Providers from '@/app/providers/getQueryServer'
 import { NextIntlClientProvider, hasLocale } from 'next-intl';
-import { routing } from '@/i18n/routing';
 import { notFound } from 'next/navigation';
+import { getQueryClient } from '@/app/providers/getQueryClient';
+import { HydrationBoundary, dehydrate } from '@tanstack/react-query';
+import { prefetchLayoutQueries } from '@/app/lib/prefetch-queries';
+import { routing } from '@/i18n/routing';
 import AdminNavLinks from '@/app/ui/admin-nav-links'
 import AdminHeaderPanel from '@/app/ui/admin-header-panel';
+
 import "../styles/globals.css";
 import "../styles/global-styles.scss"

@@ -28,19 +33,26 @@ export default async function RootLayout({
 		notFound();
 	}

+	const queryClient = getQueryClient();
+	await prefetchLayoutQueries(queryClient);
+
 	return (
 		<html lang="en">
-			<body className="admin-panel">
-				<NextIntlClientProvider>
-					<AdminNavLinks />
-					<div className="admin-main">
-						<AdminHeaderPanel />
-						<main className="main-containter">
-							{children}
-						</main>
-					</div>
-				</NextIntlClientProvider>
-			</body>
+			<NextIntlClientProvider>
+				<Providers>
+					<HydrationBoundary state={dehydrate(queryClient)}>
+						<body className="admin-panel">
+							<AdminNavLinks />
+							<div className="admin-main">
+								<AdminHeaderPanel />
+								<main className="main-containter">
+									{children}
+								</main>
+							</div>
+						</body>
+					</HydrationBoundary>
+				</Providers>
+			</NextIntlClientProvider>
 		</html >
 	);
 }
@@ -1,7 +1,9 @@
-export default function Page() {
+import { UsersTable } from '@/app/ui/users/users-table';
+export default async function Page() {
 	return (
 		<div>
 			users-page
+			<UsersTable />
 		</div>
 	)
 }