add document marking page

2026-02-07 12:28:07 +07:00
parent 256ecbe31f
commit 7572c1ada2
7 changed files with 97 additions and 5 deletions
@@ -0,0 +1,64 @@
+import ProtectionSummary from '@/app/ui/marking-page/protection-summary';
+import FilesTable from '@/app/ui/dashboard/files-table';
+import PageTitle from '@/app/ui/page-title';
+import UploadSectionFile from '@/app/components/UploadSectionFile';
+import { getAllowedFilesExtensions } from '@/app/actions/fileUpload';
+import { StackedBarChart } from '@/app/components/StackedBarChart';
+import PageTitleColorFrame from '@/app/ui/page-title-color-frame';
+import ProtectionStatistic from '@/app/ui/marking-page/new/protection-statistic';
+
+const data = [
+	{
+		name: 'File A',
+		checks: 4,
+		violations: 2
+	},
+	{
+		name: 'File B',
+		checks: 8,
+		violations: 4
+	},
+	{
+		name: 'File C',
+		checks: 2,
+		violations: 1
+	},
+	{
+		name: 'File D',
+		checks: 7,
+		violations: 1
+	},
+	{
+		name: 'File E',
+		checks: 5,
+		violations: 4
+	},
+	{
+		name: 'File F',
+		checks: 5,
+		violations: 3
+	}
+];
+
+export default async function Page() {
+	const FILE_TYPE = "document";
+	const { file_extension, max_file_size } = await getAllowedFilesExtensions(FILE_TYPE);
+
+	return (
+		<div>
+			<PageTitleColorFrame
+				title="audio-protection"
+				description="multi-layered-protection-for-your-audios"
+			/>
+			<ProtectionStatistic fileType={FILE_TYPE} />
+{/* 			<div className="split-blocks">
+				<ProtectionSummary fileType={FILE_TYPE} />
+				<div className="protection-overview">
+					<StackedBarChart data={data} />
+				</div>
+			</div> */}
+			<UploadSectionFile fileType={FILE_TYPE} allowedExtensions={file_extension} maxFileSize={max_file_size} />
+			<FilesTable fileType={FILE_TYPE} />
+		</div>
+	)
+}