add dashboard layout

2025-11-26 17:18:20 +07:00
parent ebca795c1b
commit 12f788829f
9 changed files with 860 additions and 2 deletions
@@ -0,0 +1,54 @@
+export default function UserInfo() {
+	return (
+		<div className="user-info block-wrapper">
+			<h3 className="chart-title">Ваши данные</h3>
+			<div className="user-data">
+				<div className="user-field">
+					<strong>USER NAME</strong>
+				</div>
+				<div className="user-field">
+					Email: test@te.te
+				</div>
+				<div className="user-field">
+					Подписка: <strong>TYPE</strong>
+				</div>
+				<div className="user-field">
+					Подписка активна до: <strong>DATE</strong>
+				</div>
+				<div className="user-field user-field-limit">
+					<div className="user-field-limit-title">Лимиты подписки:</div>
+					<div className="user-field-limit-text">
+						📁 Файлов в месяц:
+						<span> 12 / 100</span>
+					</div>
+					<div className="user-field-limit-text">
+						💾 Хранилище: 1 ГБ
+					</div>
+					<div className="user-field-limit-progress-bar">
+						<div className="user-field-limit-progress-fill"></div>
+					</div>
+					<div className="user-field-limit-footer">
+						Использовано: 12%
+					</div>
+				</div>
+			</div>
+			<button className="btn btn-primary" style={{ width: "100%" }}>
+				Обновить данные
+			</button>
+			<div className="stats-mini">
+				<div className="stat-mini">
+					<div className="stat-mini-value">12</div>
+					<div className="stat-mini-label">Контента</div>
+				</div>
+				<div className="stat-mini">
+					<div className="stat-mini-value">12</div>
+					<div className="stat-mini-label">Файлов</div>
+				</div>
+				<div className="stat-mini">
+					<div className="stat-mini-value">208</div>
+					<div className="stat-mini-label">Нарушений</div>
+				</div>
+			</div>
+		</div>
+	)
+}