add file info fro document view

src/app/[locale]/watch-doc/page.tsx

@@ -4,65 +4,124 @@ import Link from 'next/link';
 import PdfViewer from '@/app/components/PdfViewer';
 import { DownloadButton } from '@/app/components/document-viewer/DownloadButton';
 import { CopyLinkButton } from '@/app/components/document-viewer/CopyLinkButton';
+import { fetchDocumentInfo } from '@/app/actions/trackingActions';
+import { LoginUserBage } from '@/app/components/document-viewer/LoginUserBage';
 
 interface PageProps {
 	searchParams: Promise<{ docid: string; title?: string }>;
 }
 
+interface DocumentInfo {
+	checksCount?: number;
+	checksum?: string;
+	createdAt?: string;
+	downloadUrl?: string;
+	existsOnDisk?: boolean;
+	fileExtension?: string;
+	fileFormat?: string | null;
+	fileName?: string;
+	filePath?: string;
+	fileSize?: number;
+	fileUploadDate?: string;
+	formattedSize?: string;
+	id: string;
+	mimeType?: string;
+	monitoring?: string;
+	originalFileName?: string;
+	ownerCompany?: string | null;
+	ownerEmail?: string;
+	ownerName?: string;
+	permissions?: {
+		DOWNLOAD?: boolean;
+	};
+	protectStatus?: string;
+	protectedFilePath?: string;
+	status?: string;
+	storedFileName?: string;
+	supportId?: number;
+	thumbnailFileUrl?: string;
+	updatedAt?: string;
+	uploadSessionId?: string;
+	userId?: number;
+}
+
 export default async function Page({ searchParams }: PageProps) {
 	const { docid, title } = await searchParams;
 
+	let response: DocumentInfo | null = null;
+	let error: string | null = null;
+
+	try {
+		response = await fetchDocumentInfo(docid);
+	} catch (err) {
+		error = 'Не удалось загрузить информацию о документе';
+	}
+
 	const documentTitle = title || 'FileName';
-	const ownerName = "Name Name Name";
-	const companyName = "companyName";
+
+	if (error || !response) {
+		return (
+			<div className="watch-doc-wrapper">
+				<div className="watch-doc-page">
+					<header className="watch-doc-header">
+						<Link href="#" className="header-logo">NoCopy</Link>
+						<LoginUserBage />
+					</header>
+					<div className="error-container">
+						<h2>Ошибка загрузки документа</h2>
+						<p>{error || 'Документ не найден'}</p>
+					</div>
+				</div>
+			</div>
+		);
+	}
 
 	return (
 		<div className="watch-doc-wrapper">
 			<div className="watch-doc-page">
 				<header className="watch-doc-header">
 					<Link href="#" className="header-logo">NoCopy</Link>
-					<Link href="#" className="header-user">Name</Link>
+					<LoginUserBage />
 				</header>
 
 				<div className="watch-doc-status">
 					<div className="st-title">Защита подтверждена</div>
 					<div className="st-sub">
-						Документ <strong>{documentTitle}</strong> зарегистрирован и защищён платформой NoCopy.
+						Документ <strong>{response?.fileName ? response?.fileName : '#'}</strong> зарегистрирован и защищён платформой NoCopy.
 					</div>
 				</div>
 
 				<div className="watch-doc-grid">
-					<div>
+					<div
+						className="flex flex-col justify-between"
+					>
 						<div className="watch-doc-card">
 							<div className="card-head">Правообладатель</div>
 							<div className="card-body">
 								<div className="owner-row">
-									<div className="owner-av">Н</div>
+									<div className="owner-av">
+										{response?.fileName ? response?.fileName[0] : ''}
+									</div>
 									<div>
-										<div className="owner-name">{ownerName}</div>
-										{/* <div className="owner-meta">{companyName}</div> */}
+										{response?.ownerName && (
+											<div className="owner-name">{response?.ownerName}</div>
+										)}
+										{response?.ownerCompany && (
+											<div className="owner-name">{response?.ownerCompany}</div>
+										)}
+										{response?.ownerName && (
 											<div className="owner-meta">Зарегистрирован в NoCopy</div>
+										)}
 									</div>
 								</div>
 							</div>
 						</div>
 
-						{/* 						<div className="watch-doc-card">
-							<div className="card-head">Скачать документ</div>
-							<div className="card-body">
-								<DownloadButton />
-								<div className="download-description">
-									Вы вошли как <strong>{ownerName}</strong>.
-									<br />
-									Скачивание будет зарегистрировано.
-								</div>
-							</div>
-						</div> */}
-
 						<div className="watch-doc-actions">
+							{response?.permissions?.DOWNLOAD && (
 								<DownloadButton />
+							)}
 							<CopyLinkButton />
-							<Link href="#" className="btn btn-out" target="_blank">О NoCopy</Link>
 						</div>
 					</div>
 
@@ -81,8 +140,8 @@ export default async function Page({ searchParams }: PageProps) {
 
 				<div className="watch-doc-footer">
 					<Link href="#">NoCopy</Link>
-					<Link href="#">Условия</Link>
-					<Link href="#">Конфиденциальность</Link>
+					<Link href="/terms-of-use">Условия</Link>
+					<Link href="/privacy-policy">Конфиденциальность</Link>
 				</div>
 			</div>
 		</div>

src/app/actions/trackingActions.ts

@@ -88,3 +88,40 @@ export async function requestFileAsBuffer(fileId: string): Promise<ArrayBuffer |
 		return null;
 	}
 }
+
+export async function fetchDocumentInfo(fileId: string) {
+	const token = await getSessionData('token');
+
+	try {
+		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
+			method: 'POST',
+			body: JSON.stringify({
+				version: 1,
+				msg_id: 20005,
+				message_body: {
+					file_id: fileId,
+					token: token,
+					action: 'file_info'
+				}
+			}),
+			headers: {
+				'Content-Type': 'application/json'
+			}
+		});
+
+		if (response.ok) {
+			const parsed = await response.json();
+
+			if (parsed.message_code === 0) {
+				return parsed.message_body;
+			} else {
+				return null;
+			}
+
+		} else {
+			throw new Error(`${response.status}`);
+		}
+	} catch (error) {
+		return null;
+	}
+}

src/app/components/document-viewer/LoginUserBage.tsx

@@ -0,0 +1,18 @@
+'use client';
+
+import Link from 'next/link';
+import { useUserProfile } from '@/app/hooks/react-query/useUserDataInfo';
+
+export function LoginUserBage() {
+	const { data: userData, isLoading, isError, error } = useUserProfile();
+
+	if (!userData?.fullName) {
+		return null;
+	}
+
+	return (
+		<Link href="#" className="header-user">
+			{userData?.fullName}
+		</Link>
+	);
+}

src/app/styles/watch-doc.scss

@@ -164,6 +164,10 @@
 				justify-content: center;
 			}
 		}
+
+		.error-container {
+			text-align: center;
+		}
 	}
 
 	&-page {
@@ -247,7 +251,7 @@
 		background: var(--card);
 		border: 1px solid var(--border);
 		border-radius: 14px;
-		margin-bottom: 14px;
+		/* margin-bottom: 14px; */
 		overflow: hidden;
 		box-shadow: var(--shadow);