mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-07-29 18:13:47 +00:00
feat: display per-campaign stats on partner detail page
- 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:
@@ -105,7 +105,15 @@ export interface AdminPartnerDetailResponse {
|
|||||||
earnings_week: number;
|
earnings_week: number;
|
||||||
earnings_month: number;
|
earnings_month: number;
|
||||||
conversion_to_paid: 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;
|
created_at: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -232,10 +232,11 @@ export default function AdminPartnerDetail() {
|
|||||||
{partner.campaigns.map((campaign) => (
|
{partner.campaigns.map((campaign) => (
|
||||||
<div
|
<div
|
||||||
key={campaign.id}
|
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' : ''
|
!campaign.is_active ? 'opacity-60' : ''
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
|
<div className="flex items-center justify-between">
|
||||||
<div className="min-w-0 flex-1">
|
<div className="min-w-0 flex-1">
|
||||||
<div className="font-medium text-dark-100">{campaign.name}</div>
|
<div className="font-medium text-dark-100">{campaign.name}</div>
|
||||||
<div className="font-mono text-xs text-dark-500">
|
<div className="font-mono text-xs text-dark-500">
|
||||||
@@ -274,6 +275,35 @@ export default function AdminPartnerDetail() {
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</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>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user