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

feat: display per-campaign stats on partner detail page

Browse Source 
- Add registrations_count, referrals_count, earnings_kopeks to campaign type
- Show per-campaign stats grid (registrations, referrals, earnings) under each campaign card
- Use conditional coloring for zero earnings (neutral instead of green)
This commit is contained in:
Fringg
2026-03-02 01:09:55 +03:00
parent a933f661e4
commit 75a6149e2d
2 changed files with 73 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/api/partners.ts
View File

@@ -105,7 +105,15 @@ export interface AdminPartnerDetailResponse {
earnings_week: number;
earnings_month: number;
conversion_to_paid: number;
campaigns: { id: number; name: string; start_parameter: string; is_active: boolean }[];
campaigns: {
id: number;
name: string;
start_parameter: string;
is_active: boolean;
registrations_count: number;
referrals_count: number;
earnings_kopeks: number;
}[];
created_at: string;
}

32
src/pages/AdminPartnerDetail.tsx
View File

@@ -232,10 +232,11 @@ export default function AdminPartnerDetail() {
{partner.campaigns.map((campaign) => (
<div
key={campaign.id}
className={`flex items-center justify-between rounded-lg bg-dark-700/50 p-3 ${
className={`rounded-lg bg-dark-700/50 p-3 ${
!campaign.is_active ? 'opacity-60' : ''
}`}
>
<div className="flex items-center justify-between">
<div className="min-w-0 flex-1">
<div className="font-medium text-dark-100">{campaign.name}</div>
<div className="font-mono text-xs text-dark-500">
@@ -274,6 +275,35 @@ export default function AdminPartnerDetail() {
</button>
</div>
</div>
<div className="mt-2 grid grid-cols-3 gap-2 border-t border-dark-600/50 pt-2">
<div className="text-center">
<div className="text-sm font-medium text-dark-200">
{campaign.registrations_count}
</div>
<div className="text-[10px] text-dark-500">
{t('admin.partnerDetail.campaigns.registrations', 'Регистрации')}
</div>
</div>
<div className="text-center">
<div className="text-sm font-medium text-dark-200">
{campaign.referrals_count}
</div>
<div className="text-[10px] text-dark-500">
{t('admin.partnerDetail.campaigns.referrals', 'Рефералы')}
</div>
</div>
<div className="text-center">
<div
className={`text-sm font-medium ${campaign.earnings_kopeks > 0 ? 'text-success-400' : 'text-dark-400'}`}
>
{formatWithCurrency(campaign.earnings_kopeks / 100)}
</div>
<div className="text-[10px] text-dark-500">
{t('admin.partnerDetail.campaigns.earnings', 'Доход')}
</div>
</div>
</div>
</div>
))}
</div>
)}