etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-29 18:13:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(cabinet): unify all statistics onto the shared StatCard

Browse Source 
Bring every stat strip across the admin panel and user cabinet onto the
canonical StatCard (icon chip + label-on-top + tone-coloured value),
matching the sales/Remnawave style the rest of the app already used.

- Convert ~20 hand-rolled stat strips across 21 pages/components
- Remove 4 divergent local StatCard components (Dashboard, Users,
  BanSystem, Payments) and migrate Remnawave's local StatCard (33 cards)
- Extend StatCard with optional subValue, loading skeleton, trailing slot,
  and icon-size normalisation (all backward-compatible)
- StatsGrid nav tiles now use StatCard while keeping link/chevron/loading
- Preserve all data, i18n keys, conditionals and interactive filters;
  fix the dead 'info' colour by mapping it to accent
This commit is contained in:
c0mrade
2026-06-06 21:27:57 +03:00
parent 9fc681b56d
commit 3b48abbb7b
23 changed files with 863 additions and 973 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/pages/AdminPartners.tsx
View File

@@ -9,7 +9,15 @@ import {
} from '../api/partners';
import { AdminBackButton } from '../components/admin';
import { useCurrency } from '../hooks/useCurrency';
import { ChevronRightIcon, SettingsIcon } from '@/components/icons';
import {
BanknotesIcon,
ChevronRightIcon,
InboxIcon,
PartnerIcon,
SettingsIcon,
UserPlusIcon,
} from '@/components/icons';
import { StatCard } from '@/components/stats';
export default function AdminPartners() {
const { t } = useTranslation();
@@ -58,24 +66,30 @@ export default function AdminPartners() {
{/* Stats Overview */}
{stats && (
<div className="mb-6 grid grid-cols-2 gap-3">
<div className="rounded-xl border border-dark-700 bg-dark-800 p-4">
<div className="text-2xl font-bold text-dark-100">{stats.total_partners}</div>
<div className="text-sm text-dark-400">{t('admin.partners.totalPartners')}</div>
</div>
<div className="rounded-xl border border-dark-700 bg-dark-800 p-4">
<div className="text-2xl font-bold text-accent-400">{stats.pending_applications}</div>
<div className="text-sm text-dark-400">{t('admin.partners.pendingApplications')}</div>
</div>
<div className="rounded-xl border border-dark-700 bg-dark-800 p-4">
<div className="text-2xl font-bold text-dark-100">{stats.total_referrals}</div>
<div className="text-sm text-dark-400">{t('admin.partners.totalReferrals')}</div>
</div>
<div className="rounded-xl border border-dark-700 bg-dark-800 p-4">
<div className="text-2xl font-bold text-success-400">
{formatWithCurrency(stats.total_earnings_kopeks / 100)}
</div>
<div className="text-sm text-dark-400">{t('admin.partners.totalEarnings')}</div>
</div>
<StatCard
label={t('admin.partners.totalPartners')}
value={stats.total_partners}
icon={<PartnerIcon className="h-5 w-5" />}
tone="neutral"
/>
<StatCard
label={t('admin.partners.pendingApplications')}
value={stats.pending_applications}
icon={<InboxIcon className="h-5 w-5" />}
tone="accent"
/>
<StatCard
label={t('admin.partners.totalReferrals')}
value={stats.total_referrals}
icon={<UserPlusIcon className="h-5 w-5" />}
tone="neutral"
/>
<StatCard
label={t('admin.partners.totalEarnings')}
value={formatWithCurrency(stats.total_earnings_kopeks / 100)}
icon={<BanknotesIcon className="h-5 w-5" />}
tone="success"
/>
</div>
)}