56 lines
1.7 KiB
TypeScript
56 lines
1.7 KiB
TypeScript
/* removed */
|
|
|
|
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>
|
|
)
|
|
} |