add more user tarrif info
This commit is contained in:
@@ -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)}%
|
||||
|
||||
Reference in New Issue
Block a user