change dashboard layout

2025-12-11 18:28:35 +07:00
parent cdc2dca7dd
commit 67c6d07e4d
22 changed files with 1185 additions and 549 deletions
@@ -1,35 +1,82 @@
+import { useTranslations } from 'next-intl';
+import { IconImageFile, IconVideoFile, IconAudioFile } from '@/app/ui/icons/icons';
 export default function StatsGrid() {
-	return (
-		<div className="stats-grid">
-			<div className="stat-card images">
-				<div className="stat-type">ИЗОБРАЖЕНИЯ</div>
-				<div className="stat-value">0 шт.</div>
-				<div className="stat-label">Ваши изображения</div>
-				<div className="stat-icon">
-					<span>0</span> МБ</div>
-			</div>
-			<div className="stat-card videos">
-				<div className="stat-type">ВИДЕО</div>
-				<div className="stat-value">0 шт.</div>
-				<div className="stat-label">Ваш видео контент</div>
-				<div className="stat-icon">
-					<span>0</span> МБ</div>
-			</div>
+	const t = useTranslations("Global");

-			<div className="stat-card audio">
-				<div className="stat-type">АУДИО</div>
-				<div className="stat-value">0 шт.</div>
-				<div className="stat-label">Ваш аудио контент</div>
-				<div className="stat-icon">
-					<span>0</span> МБ</div>
-			</div>
-			<div className="stat-card scripts">
-				<div className="stat-type">PDF-ФАЙЛЫ</div>
-				<div className="stat-value">0 шт.</div>
-				<div className="stat-label">Ваши PDF-файлы</div>
-				<div className="stat-icon">
-					<span>0</span> КБ</div>
+	return (
+		<div className="stats-wrapper">
+			<h3>
+				{t('your-content')}
+			</h3>
+			<div className="stats-grid">
+				<div className="stats-item left-top-corner stats-header">
+					{t('content-type')}
+				</div>
+				<div className="stats-item stats-header">
+					{t('quantity')}
+				</div>
+				<div className="stats-item stats-header">
+					{t('size')}
+				</div>
+				<div className="stats-item stats-header">
+					{t('violations')}
+				</div>
+				<div className="stats-item last-column right-top-corner stats-header">
+					{t('checks')}
+				</div>
+
+				<div className="stats-item first-column images">
+					<IconImageFile />
+					{t('images')}
+				</div>
+				<div className="stats-item">
+					0
+				</div>
+				<div className="stats-item">
+					0
+				</div>
+				<div className="stats-item">
+					0
+				</div>
+				<div className="stats-item last-column">
+					0
+				</div>
+
+				<div className="stats-item first-column videos">
+					<IconVideoFile />
+					{t('videos')}
+				</div>
+				<div className="stats-item">
+					0
+				</div>
+				<div className="stats-item">
+					0
+				</div>
+				<div className="stats-item">
+					0
+				</div>
+				<div className="stats-item last-column">
+					0
+				</div>
+
+				<div className="stats-item last-row left-bottom-corner first-column audio">
+					<IconAudioFile />
+					{t('audios')}
+				</div>
+				<div className="stats-item last-row">
+					0
+				</div>
+				<div className="stats-item last-row">
+					0
+				</div>
+				<div className="stats-item last-row">
+					0
+				</div>
+				<div className="stats-item last-row last-column right-bottom-corner">
+					0
+				</div>
 			</div>
 		</div>
+
 	)
 }