add more user tarrif info

This commit is contained in:
smanylov
2026-02-04 14:41:40 +07:00
parent 2c26a8cd85
commit 7c757a3c59
5 changed files with 75 additions and 25 deletions
@@ -3,6 +3,7 @@
import { useQuery } from '@tanstack/react-query';
import { getUserFilesInfo } from '@/app/actions/action';
import { convertBytes } from '@/app/lib/convertBytes';
import { getProcents } from '@/app/lib/getProcents';
export default function DahboardLimitsSection() {
const {
@@ -15,10 +16,6 @@ export default function DahboardLimitsSection() {
queryFn: getUserFilesInfo,
});
function getProcents(currentNumber: number, totalNumber: number) {
return Math.round(currentNumber / (totalNumber / 100));
}
return (
<div className="dashboard-limits-section">
<h3 className="section-title">💰 Использование лимитов</h3>
@@ -48,7 +45,7 @@ export default function DahboardLimitsSection() {
<div className="limit-value">{filesInfo?.all_files_size ? convertBytes(filesInfo?.all_files_size) : 0} / 1,024 МБ</div>
</div>
<div className="progress-bar-container">
<div className="progress-bar medium" style={{ width: `${getProcents(filesInfo?.all_files_size, 1000000000 )}%` }}></div>
<div className="progress-bar medium" style={{ width: `${getProcents(filesInfo?.all_files_size, 1000000000)}%` }}></div>
</div>
<div className="progress-bar-value">
{getProcents(filesInfo?.all_files_size, 1000000000)}%