add violation details page layout

2026-03-02 18:57:52 +07:00
parent 3e0f7f077a
commit 90514e2327
10 changed files with 687 additions and 1 deletions
@@ -0,0 +1,43 @@
+import { useTranslations } from 'next-intl';
+import { useParams } from 'next/navigation'
+import { IconEyeDashed } from '@/app/ui/icons/icons';
+
+export default function ViolationPageTitle() {
+	const t = useTranslations('Global');
+	const params = useParams()
+	const id = params.id
+
+	return (
+		<div className="page-title-color-frame violation-page">
+			<div
+				className="violation-page-icon"
+			>
+				<IconEyeDashed />
+			</div>
+			<div>
+				<h1>
+					file id: {id}
+				</h1>
+				<div
+					className="violation-page-info"
+				>
+					<span>
+						fileType
+					</span>
+
+					<span>
+						fileSize
+					</span>
+
+					<span>
+						fileViolationDate
+					</span>
+
+					<span>
+						fileViolationType
+					</span>
+				</div>
+			</div>
+		</div>
+	)
+}