add document view layout

2026-04-27 17:29:16 +07:00
parent a7c203d7a4
commit 2cada9ba27
6 changed files with 423 additions and 10 deletions
@@ -0,0 +1,135 @@
+'use server'
+
+import Link from 'next/link';
+
+interface PageProps {
+	searchParams: Promise<{ docid?: string }>;
+}
+
+export default async function Page({
+	searchParams
+}: PageProps) {
+	const { docid } = await searchParams;
+
+	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>
+				</header>
+
+				<div
+					className="watch-doc-status"
+				>
+					<div className="st-title">Защита подтверждена</div>
+					<div className="st-sub">Документ <strong>Название документа</strong> зарегистрирован и защищён платформой NoCopy.</div>
+				</div>
+
+				<div
+					className="watch-doc-grid"
+				>
+					<div>
+						<div
+							className="watch-doc-card"
+						>
+							<div
+								className="card-head"
+							>
+								Правообладатель
+							</div>
+
+							<div
+								className="card-body"
+							>
+								<div className="owner-row">
+									<div className="owner-av">N</div>
+									<div>
+										<div className="owner-name">Сидоров Станислав Андреевич</div>
+										<div className="owner-meta">ООО "ПРОКОНТРОЛ"</div>
+										<div className="owner-meta">Зарегистрирован в NoCopy</div>
+									</div>
+								</div>
+							</div>
+						</div>
+
+						<div
+							className="watch-doc-card"
+						>
+							<div
+								className="card-head"
+							>
+								Скачать документ
+							</div>
+
+							<div
+								className="card-body"
+							>
+								<div className="download-description">
+									Вы вошли как <strong>Сидоров Станислав Андреевич</strong>.
+									<br />
+									Скачивание будет зарегистрировано.
+								</div>
+
+								<button className="btn btn-acc">
+									Скачать защищённый PDF
+								</button>
+							</div>
+						</div>
+
+						<div className="watch-doc-actions">
+							<button className="btn btn-out">
+								Скопировать ссылку
+							</button>
+							<Link href="#" className="btn btn-out" target="_blank">
+								О NoCopy
+							</Link>
+						</div>
+					</div>
+
+					<div>
+						<div
+							className="watch-doc-card"
+						>
+							<div
+								className="card-head"
+							>
+								Предосмотр
+							</div>
+
+							<div
+								className="card-body"
+							>
+								<div
+									className="prev-wrap"
+								>
+									документ
+								</div>
+								<div className="document-controls">
+									<div className="document-controls__nav">
+										<button className="document-controls__prev">← Пред.</button>
+										<span className="document-controls__current-page">1 / 11</span>
+										<button className="document-controls__next">След. →</button>
+									</div>
+									<button className="document-controls__fullscreen">На весь экран</button>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+
+				<div
+					className="watch-doc-footer"
+				>
+					<a href="#">NoCopy</a>
+					<a href="#">Условия</a>
+					<a href="#">Конфиденциальность</a>
+				</div>
+			</div>
+		</div>
+	)
+}