64 lines
1.5 KiB
TypeScript
64 lines
1.5 KiB
TypeScript
|
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>
|
||
|
|
)
|
||
|
|
}
|