no-copy-frontend/src/app/[locale]/pages/marking-document/page.tsx

import FilesTable from '@/app/ui/dashboard/files-table';
import UploadSectionFile from '@/app/components/UploadSectionFile';
import { getAllowedFilesExtensions } from '@/app/actions/fileUpload';
import PageTitleColorFrame from '@/app/ui/page-title-color-frame';
import ProtectionStatistic from '@/app/ui/marking-page/new/protection-statistic';
import { fetchReferralUserStats } from '@/app/actions/referralsActions';
import { getQueryClient } from '@/app/providers/getQueryClient';

export default async function Page() {
	const FILE_TYPE = "document";
	const { file_extension, max_file_size } = await getAllowedFilesExtensions(FILE_TYPE);

	const queryClient = getQueryClient();

	try {
		const data = await queryClient.fetchQuery({
			queryKey: ['referralUserStats'],
			queryFn: fetchReferralUserStats,
		});
		if (data?.referralLink) {
			return null;
		}
	} catch (error) {
	}

	return (
		<div>
			<PageTitleColorFrame
				title="audio-protection"
				description="multi-layered-protection-for-your-audios"
			/>
			<ProtectionStatistic fileType={FILE_TYPE} />
			<UploadSectionFile
				fileType={FILE_TYPE}
				allowedExtensions={file_extension}
				maxFileSize={max_file_size}
			/>
			<FilesTable fileType={FILE_TYPE} />
		</div>
	);
}