frontdev/no-copy-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove procent from MyContentStatsOverview and change icons

Browse Source
This commit is contained in:
smanylov
2026-02-12 14:01:35 +07:00
parent 5f12c58cc8
commit 4958d3ca57
3 changed files with 33 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/ui/my-content/new/my-content-stats-overview.tsx
+22 -13
View File
@@ -3,7 +3,8 @@
import { useTranslations } from 'next-intl';
import { useQuery } from '@tanstack/react-query';
import { getUserFilesInfo } from '@/app/actions/action';
import {convertBytes} from '@/app/lib/convertBytes';
import { convertBytes } from '@/app/lib/convertBytes';
import { IconDocument, IconShield, IconSearch, IconDiscet } from '@/app/ui/icons/icons';
export default function MyContentStatsOverview() {
const t = useTranslations('Global');
@@ -19,37 +20,45 @@ export default function MyContentStatsOverview() {
return (
<div className="my-content-stats-overview">
<div className="stat-card files" data-icon="📄">
<div className="stat-card files" data-icon="">
<div className="stat-header">
<div className="stat-icon">📄</div>
<div className="stat-trend">+0%</div>
<div className="stat-icon">
<IconDocument />
</div>
{/* <div className="stat-trend">+0%</div> */}
</div>
<div className="stat-value">{filesInfo?.all_files_quantity}</div>
<div className="stat-label">Всего файлов</div>
</div>
<div className="stat-card protected" data-icon="🛡">
<div className="stat-card protected" data-icon="">
<div className="stat-header">
<div className="stat-icon">🛡</div>
<div className="stat-trend">+0%</div>
<div className="stat-icon">
<IconShield />
</div>
{/* <div className="stat-trend">+0%</div> */}
</div>
<div className="stat-value">{filesInfo?.protected_files_count}</div>
<div className="stat-label">Защищено файлов</div>
</div>
<div className="stat-card checks" data-icon="🔍">
<div className="stat-card checks" data-icon="">
<div className="stat-header">
<div className="stat-icon">🔍</div>
<div className="stat-trend">+0%</div>
<div className="stat-icon">
<IconSearch />
</div>
{/* <div className="stat-trend">+0%</div> */}
</div>
<div className="stat-value">0</div>
<div className="stat-label">Проверок защиты</div>
</div>
<div className="stat-card storage" data-icon="💾">
<div className="stat-card storage" data-icon="">
<div className="stat-header">
<div className="stat-icon">💾</div>
<div className="stat-trend">+0%</div>
<div className="stat-icon">
<IconDiscet />
</div>
{/* <div className="stat-trend">+0%</div> */}
</div>
<div className="stat-value">{filesInfo?.all_files_size ? convertBytes(filesInfo?.all_files_size) : 0}</div>
<div className="stat-label">Хранилище</div>