continue: work on violation page and table

src/app/[locale]/pages/violations/[id]/page.tsx

@@ -1,6 +1,6 @@
-'use client'
+// app/files/[id]/page.tsx
+'use server'
 
-import { useParams } from 'next/navigation'
 import ViolationPageTitle from '@/app/ui/violations/file-page/violation-page-title';
 import ViolationPageViolationInfo from '@/app/ui/violations/file-page/violation-page-violation-info';
 import ViolationPpageFileStatistic from '@/app/ui/violations/file-page/violation-page-file-statistic';
@@ -8,23 +8,34 @@ import ViolationPageFileInfo from '@/app/ui/violations/file-page/violation-page-
 import ViolationPageActions from '@/app/ui/violations/file-page/violation-page-actions';
 import ViolationPageViolationsList from '@/app/ui/violations/file-page/violation-page-violations-list';
 import ViolationPageNote from '@/app/ui/violations/file-page/violation-page-note';
+import { getFileViolations } from '@/app/actions/violationActions';
 
-/* violation-details */
-export default function Page() {
-	const params = useParams()
-	const id = params.id
+interface PageProps {
+	params: Promise<{ id: string }>;
+	searchParams: Promise<{ page?: string }>; // Добавляем searchParams
+}
+
+export default async function Page({
+	params,
+	searchParams
+}: PageProps) {
+	const { id } = await params;
+	const { page } = await searchParams;
+	const currentPage = Number(page) || 1;
+
+	const fileViolations = await getFileViolations(id, currentPage);
 
 	return (
-		<div
-			className="violation-details"
-		>
+		<div className="violation-details">
 			<ViolationPageTitle />
-			<div
-				className="grid grid-cols-[2fr_1fr] gap-3"
-			>
+			<div className="grid grid-cols-[2fr_1fr] gap-3">
 				<div>
 					<ViolationPageViolationInfo />
-					<ViolationPageViolationsList />
+					<ViolationPageViolationsList
+						fileViolations={fileViolations}
+						currentPage={currentPage}
+						fileId={id}
+					/>
 					<ViolationPageNote />
 				</div>
 				<div>
@@ -33,7 +44,6 @@ export default function Page() {
 					<ViolationPageActions />
 				</div>
 			</div>
-
 		</div>
 	)
 }